CSS caption-side ominaisuus

Määrittely ja käyttö

captionSide-ominaisuus asettaa taulukon otsikon sijoituksen.

Selitys

Tämä ominaisuus määrittää taulukon otsikon sijoituksen suhteessa taulukkoruutuun. Taulukon otsikko näkyy kuin se olisi taulukon ennen (tai jälkeen) oleva lohkovieras elementti.

Lisäksi:

CSS-opas:CSS taulukot

HTML DOM -viittausopas:captionSide-ominaisuus

Esimerkki

Määritellään taulukon otsikon sijoitusmuoto:

caption
  {
  caption-side:bottom;
  }

Kokeile itse

CSS-grammatiikka

caption-side: top|bottom|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
top Oletusarvo. Aseta taulukon otsikko taulukon yläpuolelle.
bottom Aseta taulukon otsikko taulukon alle.
inherit Määritellään, että caption-side-ominaisuuden arvo tulisi perittävän vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: top
Perintä: kyllä
Versio: CSS2
JavaScript-grammatiikka: object.style.captionSide="bottom"

Lisää esimerkkejä

Taulukon otsikon sijoituksen asettaminen
Tämä esimerkki näyttää, miten taulukon otsikon sijoitus voidaan määrittää.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täyttä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0

Huomautus:Jos on määritelty !DOCTYPE, niin Internet Explorer 8 (ja uudet versiot) tukee caption-side-ominaisuutta.