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; }
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.