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

Технические моменты создания сайтов и других Web-приложений.

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>

Пример будет выглядеть в браузере так:
bl.png
Пример border-left
Аватар пользователя
Александр
Продвинутый Юзер
 
Сообщений: 218
Зарегистрирован: 12 мар 2012, 16:32

Вернуться в Программирование для Web

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron