Border top css что это

border-top¶

Свойство border-top позволяет одновременно установить толщину, стиль и цвет границы сверху элемента.

Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному свойству.

Демо¶

border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
box-shadow

Синтаксис¶

1 2 3

border-top: 1px; border-top: 2px dotted; border-top: medium dashed green;

Значения¶

border-top-width определяет толщину границы. Для управления ее видом предоставляется несколько значений border-top-style . Их названия и результат действия представлен на рис. 1.

Рис.1. Стили рамок

border-top-color устанавливает цвет границы, значение может быть в любом допустимом для CSS формате.

Значение по-умолчанию: Зависит от использования

Применяется ко всем элементам

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

CSS Backgrounds and Borders Module Level 3
CSS Level 2 (Revision 1)
CSS Level 1

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

 html> head> meta charset="utf-8" /> title>border-toptitle> style> blockquote  border-top: 2px solid #95cd8b; /* Линия сверху текста */ border-bottom: 2px solid #95cd8b; /* Линия снизу текста */ padding: 5px; /* Поля вокруг текста */ > style> head> body> blockquote> Наибольшее и наименьшее значения функции усиливает многомерный Наибольший Общий Делитель (НОД). blockquote> body> html>

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

Это свойство позволяет определить все атрибуты верхней рамки HTML элемента за одну декларацию.

Свойство border-top позволяет устанавливает следующие свойства рамки: border-top-width, border-top-style и border-top-color.

В декларации можно опускать определение любого атрибута. Например, декларация border-top: solid #ff0000; вполне допустима.

CSS синтаксис

border-top: border-width border-style border-color | initial | inherit;

Возможные значения

Значение	Описание
border-top-width	Устанавливает толщину верхней рамки. По умолчанию «medium».
border-top-style	Устанавливает стиль верхней рамки. По умолчанию «none».
border-top-color	Устанавливает цвет верхней рамки. По умолчанию — цвет элемента.
inherit	Значение наследуется от родительского элемента.
initial	Устанавливает значение по умолчанию.

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

Устанавливаем стиль верхней рамки параграфа

border-top

Свойство border-top позволяет одновременно установить толщину, стиль и цвет границы сверху элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному свойству.

Синтаксис

border-top: [border-width || border-style || border-color] | inherit

Значения

border-width определяет толщину границы. Для управления ее видом предоставляется несколько значений border-style . Их названия и результат действия представлен на рис. 1.

Рис.1. Стили рамок

border-color устанавливает цвет границы, значение может быть в любом допустимом для CSS формате.

inherit наследует значение родителя.

HTML5 CSS2.1 IE Cr Op Sa Fx

    border-top

Результат данного примера показан на рис. 2.

Применение свойства border-top

Рис. 2. Применение свойства border-top

Объектная модель

[window.]document.getElementById(» elementID «).style.borderTop

Браузеры

Браузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed . При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed .

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .

Стиль границы в разных браузерах может несколько различаться при использовании значений groove , ridge , inset или outset .

border-top-color

Свойство border-top-color задает цвет верхней границы элемента.

Примечание: Всегда прописывайте свойство border-style перед свойством border-top-color. У элемента должна быть граница, прежде чем менять ее цвет.

Значение по умолчанию:	transparent
Наследуется:	нет
Версия:	CSS1

Аргументы

Значение	Описание
имя_цвета	Определяет цвет верхней границы с помощью названия цвета. Например, red (красный)
hex_номер	Определяет цвет верхней границы с помощью hex кода. Например, #ff0000
rgb_номер	Определяет цвет верхней границы с помощью RGB кода, Например, rgb(255,0,0)
transparent	Цвет верхней границы прозрачный. Значение по умолчанию.
inherit	Значение должно быть унаследовано от элемента родителя