Листинг П4
#cmain { — moz-column-count: 2;
— webkit-column-count: 2;
— moz-column-width: 300px;
— webkit-column-width: 300px }
Задаем для контейнера cmain ширину колонок в 300 пикселов.
Расширения CSS — moz-column-gap (Firefox) и — webkit-column-gap (Web-обозреватели на программном ядре Webkit) задают ширину пространства между колонками:
— moz-column-gap|-webkit-column-gap: <ширина пространства между колонками> |normal
Значение normal задает ширину пространства между колонками по умолчанию. Ее величина зависит от Web-обозревателя.
Листинг П5 иллюстрирует пример.
Листинг П5
#cmain { — moz-column-count: 2;
— webkit-column-count: 2;
— moz-column-width: 300px;
— webkit-column-width: 300px;
— moz-column-gap: 5mm;
— webkit-column-gap: 5mm }
В листинге П5 задаем для контейнера cmain ширину пространства между колонками 5 мм.
Расширения CSS — moz-column-rule-width (Firefox) и — webkit-column-rule-width (Web-обозреватели на программном ядре Webkit) задают толщину линий, которыми колонки будут отделяться друг от друга:
— moz-column-rule-width|-webkit-column-rule-width: thin|medium|thick|<толщина линий между колонками>
Здесь доступны те же значения, что и для атрибутов стиля, задающих толщину линий рамки и выделения (см. главу 11 ).
Листинг П6 иллюстрирует пример.
Дата добавления: 2015-05-08; просмотров: 695;