Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : border-left

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут border-left | Свойство borderLeft

Это свойство позволяет позволяет одновременно задать толщину, стиль и цвет левой границы элемента.

Синтаксис

HTML { border-left : sLeft }
Скрипты [ sLeft = ] object.style.borderLeft

Возможные значения

sLeft
Строка, которая может определять и принимать одно или несколько из следующих значений:
width Любое из диапазона возможных значений ширины, доступных для свойства borderLeftWidth.
style Любое из диапазона возможных значений стиля, доступных для свойства borderLeftStyle.
color Любое из диапазона возможных значений цвета, доступных для свойства borderLeftColor.

Эти параметры могут быть описаны в любом порядке.

Свойство borderLeft не наследуется, то есть должно быть определено отдельно для каждого элемента. Значение по умолчанию зависит от используемых аргументов.

Свойство borderLeft может быть применено для любых элементов.

Замечания

Свойство borderLeft часто называют составным, так как устанавливает значения и ширины, и стиля, и цвета для левой границы объекта.

Если один из параметров не описан в borderLeft, то ему автоматически присваивается его значение по умолчанию. Например, для ширины (width) значением по умолчанию является medium.

В Internet Explorer 5.5 borderLeft применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство.

Формат элемента устанавливается путем задания значений свойствам height и width. Если цвет не определен, то будет использоваться цвет текста. Более подробную информацию по поддерживаемым цветам можно посмотреть в таблице Коды и названия цветов в HTML

Примеры

Следующие примеры иллюстрируют применение свойства borderLeft и атрибута border-left для задания различных параметров левой границы объекта.

В первом примере используется атрибут border-left для задания левой границы элемента.

<HEAD>
<STYLE> 
    TD { border-left:0.5cm solid yellow }
    .change { border-left:0.5cm groove pink }
</STYLE>
</HEAD>
<BODY> 
<TABLE> 
<TR> 
    <TD onmouseover="this.className='change'" 
        onmouseout="this.className=''">
        <IMG src="sphere.jpg">
    </TD> 
</TR>
</TABLE>

Во втором примере для изменения левой границы применяется свойство borderLeft.

<TD onmouseover="this.style.borderLeft='0.3cm groove yellow'">

Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Смотри также

border, CSS Enhancements in Internet Explorer 6

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms533518(VS.85).aspx

https://developer.mozilla.org/en/CSS/border-left

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования