Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Комбинирование стиля, толщины и цвета в CSS.

Комбинирование стиля, толщины и цвета в CSS.

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

Свойства:

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

Значения: border-style, border-width, border-color, inherit. Начальное значение: He определено. Применимо: Ко всем элементам. Наследуется: Нет.

Свойство border . Значения: border-style, border-width, border-color, inherit. Применимо: Ко всем элементам. Наследуется: Нет.

Свойства в CSS, специфичные для сторон, и объединенное свойство могут включать в себя значение border-style, значение border-width и значение border-color. Порядок их расположения неважен. Не обязательно объявлять все три параметра рамки, но помните, что при отсутствии значения border-style рамка существовать не будет. Забыли словосочетание border-style рамка на страницах сайта не проявиться.

Объединенное свойство border отличается от других объединенных свойств, которые обсуждали до сих пор, тем, что его можно использовать для применения свойств рамки только ко всем четырем сторонам элементов. Оно не позволяет выбирать отдельные стороны, и системы копирования значений здесь не существует

                       h2 {
                            border-left: .5em solid blue;
                            }
            

Вот заглавие второго порядка

h2 { border-left: solid blue .5em; }

Вот заглавие второго порядка

h2 { border-left: solid .5em; }

Вот заглавие второго порядка

p.nav { border: 2px dotted #F00; }

Значения: border-style>,border-width, border-color, inherit. Начальное значение: He определено. Применимо: Ко всем элементам. Наследуется: Нет.

p.nav { border: dotted 2px; }

Значения: border-style>, border-width, border-color, inherit. Начальное значение: He определено. Применимо: Ко всем элементам. Наследуется: Нет.

Надо запомнить важное, что без объявления стиля рамок border-style: ... ;, не будет отображаться форма рамки. Не будет отображаться независимо оттого написали ли все параметры для рамки, кроме стиля border-style.

Выше приведены примеры рамок для заглавия h2, как видите, здесь мы указали всего лишь левую сторону рамки блока заглавия h2. Следущим примером служит абзац p, где задали параметр рамки блока абзаца p по всему контуру. Абзац у нас один и, естественно блок абзаца будет один, и отображаться будет одна рамка абзаца, хотя в абзаце, в данном случае, три строки текста. Еще видно, что любой блок без указания размеров блока будет занимать всю ширину отображаемого родительского элемента, в данном случае,ширину центральной колонки td#center.


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
... ... ...

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

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: