CSS стиль border-left-width. Установка толщины рамки элемента справа с помощью border-left-width
CSS стиль border-left-width задает толщину границы элемента слева.
Краткая информация по CSS-свойству border-left-width
Значение по умолчанию | medium |
Наследуется | Нет |
Применяется | Ко всем элементам |
Правила написания свойства border-left-width
border-left-width: <размер> | thin | medium | thick;
Здесь thin задает толщину границы равной 2px, medium - 4px, thick - 6px.
Объектная модель
Объект.style.borderLeftWidth
Пример применения стиля border-left-width
Проиллюстрируем работу border-left-width на примере. Нам нужно, чтобы рамка у блока слева была больше, чем с других сторон.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример CSS стиля border-left-width</title>
<style>
article {
/* Параметры фона */
background: #fffaba;
/* Параметры рамки */
border: 2px solid #9cc924;
/* Ширина рамки слева */
border-left-width: 10px;
/* Поле */
padding: 5px;
}
</style>
</head>
<body>
<article>
Нам нужно, чтобы рамка слева была больше,
чем с других сторон. В этом нам поможет
CSS свойство border-left-width.
</article>
</body>
</html>