CSS

Column-count

  • 2010-10-31 18:27
  • 0 komentarzy
  • 2092 odsłony
  • Oceń ten tekst jako pierwszy
Artykuł  został umieszczony na liście Zalążków artykułów. Jeżeli możesz rozbuduj go!


column-count - w CSS3 można tworzyć kolumny tekstu przypominające gazetę. Ilość kolumn określa właściwość column-count. Odstęp między kolumnami column-gap. column-width określa szerokość takiej kolumny. Polecenie wspiera tylko Firefox i to eksperymentalnie (z przedrostkiem -moz).

Przykład


<p style="-moz-column-count: 3; -moz-column-gap: 15px; text-align: justify;">
Lorem ipsum (...)
</p>


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc vel augue. Aliquam id velit. Etiam congue accumsan dolor. Maecenas bibendum vulputate justo. Donec viverra ipsum vitae metus imperdiet tristique. Suspendisse dapibus tincidunt dui. Mauris at neque. Aliquam vitae nunc. Mauris dignissim ultricies purus. Nunc lacus. Fusce nulla est, imperdiet nec, dictum quis, sodales et, massa. Aenean cursus pellentesque enim. Quisque faucibus erat tempus pede. Mauris consectetuer augue nec felis. Etiam eu leo. Aliquam placerat. Nulla tincidunt porta eros. Aenean sed pede. Donec ut justo vel tellus laoreet accumsan.


Zadziała tylko w przeglądarkach z silnikiem Gecko!