CSS свойство border-top-width

CSS свойства

Определение и применение

CSS свойство border-top-width устанавливает ширину верхней границы. Необходимо всегда объявлять стиль границы, прежде чем вы задаёте их ширину.

Поддержка браузерами

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
border-top-width1.01.03.51.04.012.0

CSS синтаксис:

border-top-width:"medium | thin | thick | length | initial | inherit";

JavaScript синтаксис:

object.style.borderTopWidth = "3px"

Значения свойства

ЗначениеОписание
medium
Задает границу средней ширины. Это значение по умолчанию.             
thin
Задает узкую ширину границы.
thick
Задает толстую ширину границы.
length
Позволяет вам определить толщину границы (например - 7px).
initialУстанавливает свойство в значение по умолчанию.
inheritУказывает, что значение наследуется от родительского элемента.

Версия CSS

CSS1

Наследуется

Нет.

Анимируемое

Да.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Ширина границ.</title>
<style> 
.primer {
border:solid; /* задаём сплошную границу для всех сторон */
border-bottom-width : thin; /* задаём для нижней границы тонкую ширину */
border-left-width : medium; /* задаём для левой границы среднюю ширину (по умолчанию) */
border-right-width : thick; /* задаём для правой границы толстую ширину */
border-top-width : 15px; /* задаём для верхней границы ширину 15px */
border-color : red green blue yellow; /* задаём цвета для границ T-R-B-L (для запоминания - TRouBLe) */
text-align: center; /* задаём выравнивание текста по центру */
width: 150px; /* задаём ширину блока */
}
</style>
</head>
	<body>
		<p class = "primer">Пример указания ширины границ</p>
	</body>
</html>
Пример указания ширины границ.
Пример указания ширины границ.
CSS свойства
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.