border-left

Пример 1

Устанавливает стиль левой границы:

<html>
<head>
<meta charset="utf-8" />
<style>
     p 
     { 
          border-style:solid;
          border-left:thick double #ff0000;
     }
</style>
</head>
<body>
<p>Это некоторый текст в параграфе</p>
</body>
</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Сокращенная форма записи border-left устанавливает все свойства левой границы в одной декларации.

Свойства, которые могут быть установленны (в следующем порядке):

Не важно, если некоторые из значений свойства отсутствуют, до тех пор, пока хотя бы одно присутствует в этом порядке. Например можно написать border-left:solid #ff0000;.

Значение по умолчанию:	не определено
Унаследованный:	нет
Версия:	CSS1
Синтакс JavaScript:	`object.style.borderLeft="3px solid blue"`

Поддержка браузеров

Свойство border-left поддерживается во всех ведущих браузерах.

Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение свойства "inherit".

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

Значение	Описание
border-left-width	Определяет ширину левой границы. Смотрите border-left-width для возможных значений
border-left-style	Определяет стиль левой границы. Смотрите border-left-style для возможных значений
border-left-color	Определяет цвет левой границы. Смотрите border-left-color для возможных значений
inherit	Указывает, что значение свойства border-left должно быть унаследовано от родительского элемента

Связанные страницы

CSS пособие: CSS Границы

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет