Taulukot

CSS taulukot







CSS:n taulukko-ominaisuudet mahdollistavat taulukon
ulkoasun säätämisen.




Esimerkkejä


Set
the layout of a table

Taulukon ulkoasun asettaminen.


Show
empty cells in a table

Taulukon tyhjien solujen näyttäminen
tai näyttämättä jättäminen.


Collapse
a table border

Taulukon reunusten yhdistäminen yhdeksi
reunukseksi tai esittäminen standardinmukaisesti.


Set
the space between table borders

Solujen välisen etäisyyden
asettaminen.


Set
the position of the table caption

Taulukon otsikon asemointi.




CSS:n taulukko-ominaisuudet


CSS:n taulukko-ominaisuudet mahdollistavat taulukkojen ulkoasun
muuttamisen.


Selaintuki: IE: Internet Explorer, M: Mac IE only, F:
Firefox, N: Netscape.


W3C: Numero
"W3C"-sarakkeessa ilmaisee missä W3C:n CSS
rekommendaatiossa ominaisuus on määritetty (CSS1 tai CSS2).


























































Ominaisuus



Kuvaus



Arvot



IE



F



N



W3C



border-collapse



Määrittää yhdistetään taulukon reunukset yhdeksi vai
esitetäänkö ne erillisinä



collapse
separate



5



1



7



2



border-spacing



Määrittää solujen reunojen välisen etäisyyden.
(toimii
vain "separate" moden kanssa)



length length



5M



1



6



2



caption-side



Määrittää taulukon otsikon asemoinnin



top
bottom
left
right



5M



1



6



2



empty-cells



Määrittää näytetäänkö tyhjät solut (toimii vain
"separate" moden kanssa)



show
hide



5M



1



6



2



table-layout



Asettaa algoritmin jota käytetään taulukon solujen, rivien
ja sarakkeiden esittämiseen



auto
fixed



5



1



6



2





AttachmentSize
CSS_taulukot_harjoituksia.odt69.02 KB