CSS: Свойство border-left
Добавлено: 16 сен 2013, 16:28Данное свойство позволяет одновременно задать толщину, стиль и цвет левой стороны рамки выбранного вами элемента. Примечательно, что значения могут располагаться в любом порядке, браузер сам определит что есть что.
Пример кода:
Пример будет выглядеть в браузере так:
Пример кода:
- Код: выделить все
<html>
<head>
<meta charset="utf-8">
<title>Свойство border-left</title>
<style>
.leftline {
border-left: 6px dashed green; /* Выделенная линия слева от текста */
padding-left: 15px; /* Расстояние между линией и текстом */
margin-left: 15px; /* Расстояние от левого края до линии */
}
</style>
</head>
<body>
<div class="leftline">
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</div>
</body>
</html>
Пример будет выглядеть в браузере так:
- Пример border-left