Malline:Div col

Tarkoitettu sisällön jakamiseen palstoihin automaattisesti.

{{Div col}} aloittaa palstoitettavan alueen, joka automaattisesti jakaa tiedot palstoihin.

Palstoitettava alue päätetään käyttämällä mallinetta {{Div col end}}

Tämä on uudempi menetelmä palstoittamiseen, joka ei tarvitse "taittokohdan" merkintää.

Huomaa, että palstat jakaantuvat automaattisesti eri tavoin kun näyttötila on kapeampi: jos ei ole pakotettu tiettyä palstamäärää voi näkyä vähemmän palstoja kun näyttö tai selaimen ikkuna asetaan kapeammaksi. Mikäli tällä on merkitystä asian esittämisen kannalta taulukkopohjainen esitys voi soveltua paremmin tarkoitukseen.

• |colwidth=: minimileveys sarakkeille, oletuksena 30em
• |rules=yes: lisää pystyviivat sarakkeiden väliin jos arvo on yes.
• |gap=: tyhjän välin leveys sarakkeiden välissä, oletuksena (selaimen asettama) on 1em.
• |class=: HTML-luokka tai välilyönneillä erotettu luettelo luokista
• |style=: CSS-tyyli, joka asetetaan sarakkeisiin.
• |small=yes: aseta tekstikoko pienemmäksi (90%) jo arvo on yes.
• |content=: sarakkeiden sisältö, vaihtoehtoinen tapa käyttää.

Oletuksena jakaa kahteen palstaan

{{div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Jaetaan kolmeen palstaan

{{div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Jaetaan kolmeen palstaan

{{div col|cols=3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Jaetaan kiinteällä sarakeleveydellä 10em

{{div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Vaihtuva leveys

{{div col|colwidth=10vw}} <!-- sarakkeen leveys 10% alueesta-->
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

tuottaa:

Pystyviivaimet ja kiinteä leveys

{{div col|colwidth=10em|rules=yes}} 
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Sarakeväli ja pystyviivat

{{div col|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Sarakeväli

Sarakkeiden väliin jäävä väli, oletuksena selain asettaa 1em

{{div col|colwidth=10em|rules=yes|gap=2em}} <!-- Sarakeväli 10em pystyviivoilla ja väli 2em -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Tuottaa:

{{div col|colwidth=10em|content= <!-- content-parameterin kanssa ei tarvita {{div col end}} -merkintää -->
* a
* b
* c
* d
* e
* f
* g
* h
}}

tuottaa:

CSS-tyylit

Kursivoitu teksti:

{{div col|style=font-style:italic;|content=
* a
* b
* c
* d
* e
* f
* g
* h
}}

tuottaa:

• {{Sarakkeet}}