Układ wielokolumnowy

Linia rozdzielająca

(CSS 3 - interpretuje Opera 11)

1. Kolor:

   selektor { column-rule-color: kolor }

   gdzie "kolor" jest definicją koloru
2. Styl:

   selektor { column-rule-style: styl }

   gdzie "styl" określa się identycznie jak w przypadku obramowania
3. Szerokość:

   selektor { column-rule-width: szerokość }

   gdzie "szerkość" określa się identycznie jak w przypadku obramowania
4. Atrybuty mieszane:

   selektor { column-rule: wartości atrybutów }

   Jako "wartości atrybutów" podaje się rozdzielone spacjami wartości szerokości, stylu i koloru linii rozdzielającej.

Czasami samo oddzielenie kolumn odstępem nie jest wystarczające, aby czytelnik mógł wygodnie przeczytać cały tekst oraz już na pierwszy rzut oka widział, że treść w ogóle jest podzielona na kolumny. Wtedy możemy pomiędzy sąsiednimi kolumnami wstawić dodatkowo pionową linię rozdzielającą. Jest ona wyświetlana zawsze na środku przestrzeni między kolumnami. Sama linia rozdzielająca nie zabiera miejsca z szerokość elementu wielokolumnowego. Jeśli jej grubość będzie większa niż szerokość odstępu kolumn, wyświetli się pod tekstem znajdującym się w kolumnach.

W obecnej wersji specyfikacja CSS nie pozwala ustalać różnej linii rozdzielającej kolumny tego samego elementu.

Przykład:

• Odstęp kolumn
• Przełamanie kolumny

• Do góry
• Strona główna
• Drukuj rozdział
• Komentarze