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

css-свойство border-left-width (от англ. left border width – ширина левой границы) используется для установки ширины левой границы элемента.

Характеристики

Значение по умолчанию: medium.
Применяется: ко всем элементам.
Наследуется: нет.
Анимируется: да.
JavaScript: object.style.borderLeftWidth="value".

Синтаксис

border-left-width: [<ширина> | thin | medium | thick]

Значения

ширина – принимаются любые единицы измерения (смотреть), используемые в CSS. Проценты использовать не разрешается.
thin – устанавливает тонкую левую границу.
medium – устанавливает среднюю левую границу.
thick – устанавливает толстую левую границу.

Ссылки

Официальный сайт W3C: https://www.w3.org/TR/css-backgrounds-3/#the-border-width

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/border-left-width

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>
	
	<style>
		p{
		margin-top: 5em;
		padding: 2em;
		width: 400px;
		min-height: 40px;
		border: solid 15px green;
		}
		
		/* Ширина границ по отдельности */
		.border_1{
		border-top-width: thin;
		border-right-width: 3px;		
		border-bottom-width: thick;		
		border-left-width: 0.8em;
		}
		
	</style>
	
</head>
<body>
	
	<p class="border_1">
		Ширина границ по отдельности<br>
		border-top-width: thin;<br>
		border-right-width: 3px;<br>		
		border-bottom-width: thick;<br>		
		border-left-width: 0.8em;
	</p>
		
</body>
</html>

Пример №1