Понедельник, 09 Июля 2012 11:12

Стиль рамки элемента border-style

Written by 
Оцени эту запись
(1 Голос)

Бывает три основных стиля рамки элемента - цельная, точечная и штрихованая.

 

 

border-style: solid;

border-style: dotted;

border-style: dashed;

 

 

border-style: solid

 

 

border-style: dotted;

 

 

border-style: dashed

 

У рамки элемента, кроме стиля, есть еще обязательные параметры - толщина и цвет:

 

 

<div style="border-width: 2px; border-color: #7D26CD; border-style: dashed; width: 200px;">border-style: dashed</div>
 
 
Все стили рамки можно прописать одной строкой:
 
 
border: 2px solid blue;
 
 
 
border: 2px solid blue

 

Есть также другие стили для рамки, которые реже используются:

 

 

border: 6px double #8E37DE

 

 

border: 6px groove #8E37DE

 

 

border: 6px ridge #8E37DE

 

 

border: 6px inset #8E37DE

 

 

border: 6px outset #8E37DE

 

 

Стилизировать можно не всю рамку, а только ее часть. Или же для разных частей задавать разные стили:

 

 

border-top-style

border-bottom-style

border-left-style

border-right-style

 

 

border-top-style: solid;
border-right-style: dotted;
border-left-style: dashed;
border-bottom-style: solid;

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов