Листинг П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; просмотров: 625;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.003 сек.