border-top-width

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Свойство border-top-width CSS задаёт ширину верхнего внешнего отступа элемента.

Попробуйте

Синтаксис

/* Keyword values */
border-top-width: thin;
border-top-width: medium;
border-top-width: thick;

/* <length> values */
border-top-width: 10em;
border-top-width: 3vmax;
border-top-width: 6px;

/* Global keywords */
border-top-width: inherit;
border-top-width: initial;
border-top-width: revert;
border-top-width: revert-layer;
border-top-width: unset;

Значения

<line-width>

Определяет ширину отступа, как явное неотрицательное <length> или ключевое слово. Если это ключевое слово, оно должно быть одним из следующих:

thin
medium
thick

Примечание: Поскольку спецификация не определяет точную толщину, обозначаемую каждым ключевым словом, точный результат при использовании одного из них зависит от реализации. Тем не менее, они всегда следуют шаблону thin ≤ medium ≤ thick, а значения постоянны внутри одного документа.

Формальное определение

Начальное значение	`medium`
Применимо к	всем элементам. Также применимо к `::first-letter`.
Наследуется	нет
Вычисленное значение	абсолютная длина или `0` если `border-top-style` равно `none` или `hidden`
Тип анимации	длина

Формальный синтаксис

border-top-width = 
  <line-width>  

<line-width> = 
  <length [0,∞]>  |
  thin            |
  medium          |
  thick

Примеры

HTML

<div>Element 1</div>
<div>Element 2</div>

CSS

div {
  border: 1px solid red;
  margin: 1em 0;
}

div:nth-child(1) {
  border-top-width: thick;
}
div:nth-child(2) {
  border-top-width: 2em;
}

Результат

Спецификации

Спецификация
CSS Backgrounds and Borders Module Level 3 # the-border-width

Совместимость с браузерами

	Рабочий стол					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`border-top-width`	1	12	1	3.5	1	18	4	10.1	1	1.0	2.2

См. также

Другие свойства CSS, связанные с border-width: border-left-width, border-right-width, border-bottom-width и border-width.
Другие свойства CSS, связанные с border-top: border, border-top, border-top-style и border-top-color.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width