кодесурса
«CSS

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

script1adsense2code
script1adsense3code

свойство border-left-width

Свойство CSS border-left-width устанавливает ширину левой границы поля .

Синтаксис:

 border-left-width: width | унаследовать 

Ценности

ширина : ширина левой границы поля. В следующей таблице приведены значения:

Значение Описание
тонкий Тонкая граница устанавливается, если указано
Средняя Средняя граница устанавливается, если указано.
толстый Толстая граница устанавливается, если указано
длина Вы можете использовать em, ex, in (для дюймов), cm (для сантиметров), mm (для миллиметров), pt (для точек), pc (для picas), px (для пикселей).
унаследовать Указывает, что ширина границы должна быть унаследована от родительского элемента.

наследовать : если установлено, связанный элемент принимает вычисленное значение свойства border-left-width его родительского элемента.

Начальное значение

Средняя

Относится к

Свойство border-left-width можно применять ко всем элементам HTML, которые могут образовывать блок.

унаследованный

Нет.

Процентное соотношение

Недоступен.

Средства массовой информации

визуальный.

Расчетное значение

Если значение установлено в none или hidden, оно равно 0, иначе это абсолютное значение.

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

браузер Версия
Internet Explorer 4.0 и выше
Firefox (Геккон) 1.0 и выше
опера 3.5 и выше
Safari (WebKit) 1.0 и выше

Пример свойства border-left-width

Код CSS:

.w3r_thin {
border-left-width: thin;
border-style: solid;
}
.w3r_thick {
border-left-width: thick;
border-style: solid;
}
.w3r_medium {
border-left-width: medium;
border-style: solid;
}
.w3r_px{
border-left-width: 3px;
border-style: solid;
}
.w3r_pc {
border-left-width: 3pc;
border-style: solid;
}
.w3r_pt {
border-left-width: 3pt;
border-style: solid;
}
.w3r_mm {
border-left-width: 5mm;
border-style: solid;
}
.w3r_cm {
border-left-width: 1cm;
border-style: solid;
}
.w3r_in {
border-left-width: 1in;
border-style: solid;
}
.w3r_ex {
border-left-width: 3ex;
border-style: solid;
}
.w3r_em {
border-left-width: 3em;
border-style: solid;
}

HTML код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CSS border-left-width example - w3resource</title>
<link rel='stylesheet' href='border-left-width.css' type='text/css' />
</head>
<body>
<p  class="w3r_thin">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_thick">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_medium">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_px">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_pc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_pt">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_mm">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_in">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_cm">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_em">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p  class="w3r_ex">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>

Посмотреть этот пример в отдельном окне браузера

Пример свойства border-left-width.

Предыдущая: CSS свойство border-bottom-width
Далее: Семейства шрифтов CSS

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code