Листинг П4. #cmain { – moz‑column‑count: 2;
#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-19; просмотров: 630;