Дикие признания людей!

СТИЛИ БОРДЮРОВ

Описание
Универсальное свойство border позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному свойству.
Вот вам пример
border:4px double black;

Или можно цвет прописать бордюра таким образом
border:4px double #000;

Для управления ее видом предоставляется несколько значений border-style. Их названия и результат действия представлен на рис. 1.
Рис. 1 стили рамок


border:4px double #C9DB47;

border:4px dashed #C9DB47;

border:4px dotted #C9DB47;

border:4px groove #C9DB47;

border:4px inset #C9DB47;

border:4px solid #C9DB47;

border:4px outset #C9DB47;

border:4px inset #C9DB47;




BORDER - RADIUS


border-radius: 50px 0 0 50px;

border-radius: 40px 10px;

border-radius: 13em/3em;

border-radius: 13em 0.5em/1em 0.5em;

border-radius: 8px;

border-radius: 30px 30px 05px 05px;

border-radius: 05px 05px 30px 30px;

border-radius: 20px/8px;

угол поворота




А теперь давайте попробуем соединить всё вместе :


border-radius: 20px/8px;border: 4px double #C9DB47;



Вот собственно и все! Мы выбрали стиль для рамки и угол поворота!
Впринципе не так все и сложно ,не так ли!? Позже я допишу бордюр которого еще нет на чатах Армады! Если есть какие нибудь вопросы или тему какую нить создать,обращайтесь пожалуйста в гостевую!Спасибо за внимание!!



BORDER IMG

border-style: solid; border-width: 53px 41px 24px 27px; -moz-border-image: url(/master/img/border/3.gif) 53 41 24 27 stretch repeat; -webkit-border-image: url(/master/img/border/3.gif) 53 41 24 27 stretch repeat; -o-border-image: url(/master/img/border/3.gif) 53 41 24 27 stretch repeat; border-image: url(/master/img/border/3.gif) 53 41 24 27 fill stretch repeat;

МОЖНО И ТАК ЕЩЕ

border-style: solid; border-width: 54px 41px 50px 38px; -moz-border-image: url(border.radios.gif) 54 41 50 38 round; -webkit-border-image: url(border.radios.gif) 54 41 50 38 round; -o-border-image: url(border.radios.gif) 54 41 50 38 round; border-image: url(border.radios.gif) 54 41 50 38 fill round;

Онлайн: 1 из 51