CSS border-collapse ominaisuus

Määritelmä ja käyttö

border-collapse-ominaisuus asettaa, yhdistetäänkö taulukon reunat yhdeksi yhtenäiseksi reunaksi vai näytetäänkö ne erillisinä, kuten standardeissa HTML:ssä.

Katso myös:

CSS-opas:CSS taulukot

HTML DOM -viittausopas:borderCollapse-ominaisuus

Esimerkki

Aseta taulukon yhdistetty reunamalli:

table
  {
  border-collapse:collapse;
  }

Kokeile itse

CSS-kieli

border-collapse: separate|collapse|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
erillinen Oletusarvo. Reunat näytetään erillisinä. border-spacing- ja empty-cells-ominaisuudet eivät jätetä huomiotta.
collapse Jos mahdollista, reunat yhdistetään yhdeksi yhtenäiseksi reunaksi. border-spacing- ja empty-cells-ominaisuudet jätetään huomiotta.
perittää Määritellään, että border-collapse-ominaisuuden arvo tulisi perittää isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: erillinen
Perinnäisyys: kyllä
Versio: CSS2
JavaScript-kieli: object.style.borderCollapse="collapse"

Lisää esimerkkejä

Yhdistetyn taulukkorajan esimerkkejä
Tämä esimerkki näyttää, näytetäänkö taulukon reunat erillisinä reunoina vai kuten standardeissa HTML:ssä erillisinä.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0