Siirry sivun sisältöön Avut CSS HTML JS Wp

COL-elementti XHTML 1.0 Strict -dokumenttityypissä

COL-elementillä (table column) on mahdollista merkata taulukkoon sarakkeita yhteisiä attribuuttimäärityksiä varten.

COL-elementin attribuutit

SPAN-attribuutilla yhdistetään sarakkeita. Arvo annetaan numerona (Number-tietotyyppi, oletusarvo 1).

WIDTH-attribuutilla voidaan vaikuttaa sarakkeiden leveyteen. Arvoksi käy MultiLength-tietotyyppi. Suhteellisella arvolla nolla (width="0*") on erikoismerkitys: pyydetään leveydeksi sisällön vaatimaa minimitilaa.

Loput COL-elementin ominaiset attribuutit koskevat solujen sisällön tasausta.

ALIGN-attribuutti määrittelee datan vaakasuoran kohdistumisen sarakkeen tai yhdistettyjen sarakkeiden sisällä. Sallitut arvot ovat:

• left - tasaa vasempaan reunaan (oletus)
• right - tasaa oikeaan reunaan
• center - keskittää
• justify - tasaa molemmat reunat
• char - tasaa merkin ympärille (elementin kielen desimaalimerkki, tai CHAR-attribuutissa määritetty merkki)

CHAR-attribuutilla voimme vaihtaa vaakasuoran tasauksen oletusmerkkiä. Arvoksi käy yksittäinen kirjainmerkki (Character-tietotyyppi). CHAROFF-attribuutilla voidaan määritellä tasausmerkin sijainti. Arvo (Length-tietotyyppi) voidaan antaa kuvapisteinä (reunasta), tai prosentteina (solun leveydestä).

VALIGN-attribuutti määrittelee datan pystysuoran kohdistumisen sarakkeen tai yhdistettyjen sarakkeiden sisällä. Sallitut arvot ovat:

• top - sisältö asemoituu yläreunaan
• middle - sisältö asemoituu keskelle (oletus)
• bottom - sisältö asemoituu alareunaan
• baseline - tekstisisältö asemoituu samalle tasolle

Huomiot

• COL-elementillä ei ole rakenteellista eikä semanttista merkitystä, kuten COLGROUP-elementillä. Sen ainoa tarkoitus on mahdollistaa yhteiset attribuuttimääritykset saraketasolla.
• COL-elementit merkataan, joko sarakeryhmiin tai valinnaisen CAPTION-elementin jälkeen ja ennen valinnaista THEAD-elementtiä. COL-elementti saa esiintyä samassa taulukossa COLGROUP-elementin kanssa ainoastaan tämän lapsielementtinä.
• Asiakasohjelmilla ei ole velvollisuutta tukea merkkitasausta. Lisäksi CSS2-spesifikaation taulukkomallissa on erikseen määritelty, että vain eräät ominaisuudet vaikuttavatat sarakkeisiin ja sarakeryhmiin: http://www.w3.org/TR/CSS2/tables.html#q4.

Esimerkki

Tässä kuvitteellisessa esimerkissä nelisarakkeisen taulukon ensimmäiselle sarakkeelle pyydetään määräleveyttä ja lopuille sarakkeille taas taustaväriä:

...</caption>
<col width="3em" />
<col span="3" style="background:#dffffb" />
<thead>...