English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут border-left-style CSS используется для установки стиля левого края элемента. Однако, в большинстве случаев, какborder-styleИлиborder-leftТакие сокращенные свойства CSS использовать удобнее и привлекательнее.
В таблице приведены инструкции по использованию и историю версий этого свойства, а также его использование в скриптах JavaScript.
| Значение по умолчанию: | none |
|---|---|
| Поддерживается: | Все элементы |
| Инheritance: | Нет |
| Анимирован: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object.style.borderLeftStyle="dashed" |
Грамматика этого свойства такая:
border-left-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
Ниже приведен пример, демонстрирующий, как использовать атрибут border-left-style.
p {
border-left-style: дashed;
border-left-width: 3px;
}Проверим, посмотри‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| none | Показывать без рамки. |
| hidden | Как и в случае с none, но таблицельные ячейки имеютСворачиваемая рамкаИ две ячейки делят рамку. Значение hidden гарантирует, что рамка не будет рисоваться, так как оно имеет приоритет перед всеми другими стилями рамки. |
| dotted | Показывать рамку в виде серии точек. |
| dashed | Показывать рамку в виде серии коротких отрезков, т.е. тире. |
| solid | Показывать рамку в виде сплошной линии. |
| double | Показывать рамку в виде двух параллельных сплошных линий с определенным интервалом между ними. Общая длина линий и интервал между ними равныborder-widthworth. |
| groove | Показывать рамку, вырезанную в канву. Она создает впечатление 3D, обычно достигается использованием цвета, более темного, чем цвет рамки.border-colorСlightly lighter and darker colors create a shadow to achieve this. |
| ridge | Показывать рамку groove, которая выглядит противоположной по сравнению с эффектом. Она также создает впечатление 3D, рамка выглядит, как будто она выходит из канвы. |
| inset | Показывать рамку, которая делает вид元素的 рамки, как будто она врезана в канву. Это создает впечатление 3D, обычно достигается созданием тени из двух цветов, более темных, чем цвет рамки.border-colorСlightly brighter and darker. |
| outset | Показывать рамку inset, которая выглядит противоположной по сравнению с эффектом. Она также создает впечатление 3D, рамка делает коробку, казалось бы, возникающей из канвы. |
| inherit | Если указано, то связанный элемент принимает значение свойства border-left-style родительского элемента. |
Совместимость браузеров для свойств border-left-style, числа в таблице показывают минимальную версию браузера, поддерживающего этот свойство; все основные браузеры поддерживают это свойство.
|
Предупреждение: В Internet Explorer 7 и более ранних версиях不支持 значение value hidden. IE8 поддерживает, но требует. Поддержка значения hidden доступна в IE9 и более поздних версиях.
См. также учебник:CSS Border,CSS3 Border.
См. также свойства:border,border-style,border-left,border-left-color,
border-left-width.