Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

CSS Справочники


CSS Свойства





border-left-width



Пример

Установите ширину для левой границы:

div {border-left-width: thin;}
Попробуйте сами »

Определение border-left-width

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

Примечание: Всегда объявляйте CSS войство border-style или border-left-style перед свойством border-left-width. Элемент должен иметь границы, прежде чем вы сможете изменить его ширину.

Показ демо ❯

Значение по умолчанию: medium
Унаследовано: no
Анимируемый: yes. Читайте о animatable Попробуй
Версия: CSS1
JavaScript синтаксис: object.style.borderLeftWidth="5px" Попробуй

Поддержка border-left-width

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.

Свойство
border-left-width 1.0 4.0 1.0 1.0 3.5


Синтаксис border-left-width

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

Значения border-left-width

Значение Описание Демонстрация
medium Определяет medium левую границу. Это значение по умолчанию Демо ❯
thin Определяет thin левую границу Демо ❯
thick Определяет thick левую границу Демо ❯
length Позволяет вам определить толщину левой границы. Читайте о единицы измерения длины Демо ❯
initial Устанавливает для этого свойства значение по умолчанию. Читайте о initial
inherit Наследует это свойство от своего родительского элемента. Читайте о inherit

Примеры border-left-width

Пример

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

div {border-left-width: medium;}
Попробуйте сами »
Пример

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

div {border-left-width: thick;}
Попробуйте сами »
Пример

Установите ширину левой границы 1px:

div {border-left-width: 1px;}
Попробуйте сами »
Пример

Установите ширину левой границы 15px:

div {border-left-width: 15px;}
Попробуйте сами »

Страницы по теме border-left-width

CSS Учебник: CSS Границы

CSS Справочник: border-left свойство

HTML DOM справочник: borderLeftWidth свойство



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.