Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Css » Border

Границы блоков в CSS. Свойство border

Границы блока задаются при помощи универсального свойства border. Оно позволяет одновременно задать толщину, стиль и цвет границы вокруг блочного элемента. Значения свойства записываются через пробел в любом порядке. Синтаксис написания имеет следующий вид:

border: [border-width || border-color || border-style]

Давайте поговорим немного о значениях:

Вот вам небольшой пример использования свойства border:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
 <head>
  <meta http-equiv="Content-Type" content="text/html;
 charset=utf-8">
  <title>border</title>
  <style type="text/css">
   p {
    border: 5px double red; /* Параметры границы */
    background: #fc3; /* Цвет фона */
    padding: 16px; /* Поля вокруг текста */
   }
  </style>
 </head> 
 <body>
  <p>Границы красного цвета этого текстового блока имеют
 толщину 5 пикселей.
   </p>
 </body>
</html>

Результат должен получиться следующим:

Свойство border

Следует отметить, что минимальная толщина границы типа DOUBLE должна быть не менее 3 пикселей. Иначе рамка может отображаться некорректно.

Ну что усвоили урок? Если да, то можно смело переходить к следующему.



наверх