Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство border-bottom

Дата:24.09.15 в 16:29
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Свойство позволяет устанавливать нижнюю границу для блока. Кроме этого, это свойство дает возможность устанавливать толщину линии, ее тип (сплошная, пунктирная и пр.) и цвет. Важно соблюдать именно такой порядок при записи значения, в противном случае свойство не отработает. Однако современные браузеры по типу значения могут определять тип параметра, но рекомендуется не нарушать установленный порядок. Чтобы установить границы со всех сторон блока необходимо воспользоваться CSS-свойством border.

Как правильно задавать?

border-bottom: параметры рамки;

Какие могут быть значения?

Значения указываются в соответствие с типом характеристики: для толщины используют пиксели, тип описывается соответствующей командой, цвет - кодированном значением с использованием шестнадцатеричной системы исчисления. Ниже перечислены все значения для типа линии с примером отображения.

dotted dashed solid double groove ridge inset outset

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство border-bottom</title>
  <style>
   .border {
    border: 4px double #b8b8b8;
    background: #b04d4d; 
	color:#eee;
	text-align:center;
    padding: 15px; 
   }
   p {
    border-bottom: 2px solid #b8b8b8;
    border-top: 2px solid #b8b8b8;
    padding:5px 0px;	
   }
  </style>
 </head> 
 <body>
  <div class="border">
    <p>Текст, который будет заключен в специальную
 рамку для наглядности примера.</p>
   </div>
 </body>
</html>

По итогу получаем

border-bottom

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: