empty-cellsИмовина у ЦСС бира празног стола ћелија ради прецизирања да ли или не да се прикаже границе и позадине на њих. Другим речима, он каже прегледачу да ли да повуче границе око ћелије табеле или да попуни позадину када та ћелија не садржи садржај. То је некако као да примените visibilityсвојство на празне ћелије табеле.
table ( empty-cells: show; )Вредности
empty-cellsИмовина има два примарна вредности:
show: прикаже обруб и позадину на празној ћелији.hide: не приказује обруб или позадину на празној ћелији.
Прихватају се и следеће глобалне вредности:
inherit: наследити вредност својства надређеног елемента.initial: користите дефинисану подразумевану вредност за својство.unset: ресетујте својство на наследну вредност.
Када га користити
Ово је занимљиво својство јер ЦСС-у даје могућност да провери ХТМЛ ознаку за садржај унутар табеле и да у складу с тим одговори. Обично не размишљамо о ЦСС-у као о динамичном језику, али ово је случај када се приближи.
Добар случај употребе empty-cellsможе бити ситуација када можда не знате да ли табела садржи или неће садржати празне тачке података и одлучите да их сакријете. Табеле су некад биле фактички начин на који су дизајнирани распореди веб страница, па би могао бити користан алат за приказивање и скривање елемената када се табеле користе за презентацију или где елементи садрже display: tableсвојство.
Демо
Погледајте оловку мПЛВзБ од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.
Повезан
displayvisibility:empty
Више информација
- ЦСС Левел 2 спец
- Референца за МДН
- СитеПоинт демонстрација на ЦодеПен-у
- Слојеви табеле и демонстрација прозирности на ЦодеПену
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| 1.0 | 1.2 | 1.1 | 4.0 | 8.0 | 1.0 | 3.1 |