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