English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство CSS border-left-width используется для отдельного установления ширины левого края элемента. Однако, в большинстве случаев, какborder-widthИлиborder-leftИспользование таких сокращенных CSS свойств более удобно и предпочтительно.
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | medium |
|---|---|
| Применяется к: | Все элементы |
| Инherit: | Нет |
| Анимировано: | Да.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| Грамматика JavaScript: | object.style.borderLeftWidth="thick" |
Грамматика этого свойства такая:
border-left-width: thin | medium | thick | length | inherit
Ниже приведен пример того, как использовать свойство border-left-width.
p {
border-style: solid;
border-left-width: 15px;
}Проверьте, посмотрите на‹/›Примечание:Вы должны объявить border-bottom-width перед свойством border-left-width.border-styleсвойство. Элемент также должен иметь рамку, чтобы можно было установить ширину рамки, так какborder-styleЗначением по умолчанию свойства является none.
В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| thin | Тонкая рамка. |
| medium | Средняя граница. |
| thick | Толстая рамка. |
| length | Значение длины в единицах px, pt, cm, em и т.д., но не может быть отрицательным. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства border-left-width родительского элемента. |
Совместимость браузеров для свойств border-left-width, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
См. также учебник:CSS Border,CSS3 Border.
Связанные свойства:border,border-width,border-left,border-left-color,
border-left-style.