Ширина рамки (толщина) элементов в CSS.

Толщина рамки элементов контролируется с помощью свойств ширины. Как и в случае с margin и border-style, толщиной сторон можно управлять по отдельности или можно использовать объединенное свойство border-width, в котором можно определить сразу несколько сторон. Значения в объединенном свойстве следуют по часовой стрелке (верх, право, низ, лево) и копируются точно так же, как было описано для свойства margin .

Свойства:

                         border-top-width
                         border-right-width
                         border-bottom-width
                         border-left-width 

Значения cвойства:

                         thin
                         medium
                         thick
                         длина
                         inherit

Начальное значение: medium. Применимо: Ко всем элементам. Наследуется: Нет.

Свойство border-width . Значения:

                     	 thin
                         medium
                         thick
                         длина
                         {1,4}
                         inherit. 

Начальное значение: Не определено. Применимо: Ко всем элементам. Наследуется: Нет.

В свойствах можно использовать ключевые слова, такие, как thin, medium и thick, в порядке увеличения толщины. Реальная толщина в пикселах, соответствующая ключевым словам, оставлена на усмотрение пользовательского агента, но она должна быть единообразной по всему документу. Толщину рамки можно указать также в единицах длины (обычно - пикселах). Отрицательные значения для рамки не допускаются.

Вот, пример, где параметры рамки такие: style="border-style: solid; border-top-width: thin; border-right-width: medium; border-bottom-width: thick; border-left-width: 12px;"

.

Таким образом, имеется большой выбор для оформления рамки элементов страниц сайта.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед