CSS table-layout ominaisuus

Määrittely ja käyttö

tableLayout-ominaisuus näyttää taulukon solujen, rivi- ja sarakkeiden algoritmi- ja sääntömekanismit.

Vakioasettelu:

Vakioasettelu mahdollistaa selaimelle nopeamman taulukon asettelun verrattuna automaattiseen asetteluun.

Vakioasettelussa horisontaalinen asettelu riippuu vain taulukon leveydestä, sarakkeen leveydestä, taulukon reunaviivasta ja solujen välisestä avaruudesta, eikä solujen sisällöstä.

Käyttämällä vakioasettelua, käyttäjäagentti voi näyttää taulukon heti, kun se vastaanottaa ensimmäisen rivin.

Automaattinen taulukkoasetelu:

Automaattisessa taulukkoasettelussa sarakkeiden leveys määräytyy kaikkein leveimmän sisällön perusteella, joka ei jäädydy sarake soluun.

Tämä algoritmi voi olla joskus hitaampi, koska se vaatii kaikkien taulukon sisältöjen katselun ennen lopullisen asetuksen määrittämistä.

Selitys

Tämä ominaisuus määrittää käytettävän asettelu-algoritmin, kun taulukon asettelu suoritetaan. Vakioasetelu on nopeampi, mutta vähemmän joustava, kun taas automaattinen asetelu on hitaampi, mutta paremmin heijastaa perinteistä HTML-taulukkoa.

Katso myös:

CSS-opas:CSS taulukot

HTML DOM -viittausopas:tableLayout-ominaisuus

Esimerkki

Aseta taulukon asettelu-algoritmi:

table
  {
  table-layout:fixed;
  }

Kokeile itse

CSS-kieli

table-layout: auto|fixed|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
automatic Oletus. Sarakkeiden leveys määräytyy solun sisällön perusteella.
fixed Sarakkeiden leveys määräytyy taulukon leveyden ja sarakkeen leveyden perusteella.
inherit Määritellään, että taulukon table-layout-ominaisuuden arvo tulisi perittää isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: auto
Perinnäisyys: kyllä
Versio: CSS2
JavaScript-kieli: objekti.style.tableLayout="fixed"

Lisää esimerkkejä

Määritä taulukon asettelu
Tämä esimerkki näyttää, miten taulukon asettelu voidaan määrittää.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimeen, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0