CSS tyhjät solut ominaisuus

Määrittely ja käyttö

empty-cells-ominaisuuden asetus näyttääkö taulukon tyhjät solut (ainoastaan 'erilliset reunat' -tilassa).

Huomautus:Joissakin IE-selaimen versioissa tätä ominaisuutta ei tueta.

Selitys

Tämä ominaisuus määrittelee, miten tyhjät taulukkosolut tulisi esittää. Jos näytetään, solujen reunat ja tausta piirretään. Ellei border-collapse aseteta erilliseksi, tämä ominaisuus jätetään huomiotta.

Katso myös:

CSS-opas:CSS taulukot

HTML DOM -viittausopas:emptyCells-ominaisuus

Esimerkki

Piilota taulukon tyhjien solujen reunat ja tausta:

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

Kokeile itse

CSS-kieli

empty-cells: show|hide|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
piilota Ei piirretä reunia tyhjien solujen ympärillä.
näytä Piirretään reunat tyhjien solujen ympärillä. Oletus.
peritse Määritellään, että empty-cells-ominaisuuden arvo pitäisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: näytä
Perintä: kyllä
Versio: CSS2
JavaScript-kieli: object.style.emptyCells="hide"

Selaimen tuki

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

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

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