Właściwość CSS empty-cells

tutoriale

Kategoria wpisu Kurs CSS, Kurs HTML, Kursy, PHP, HTML, CSS, Table Tagi: , , , , , on przez .



Właściwość CSS empty-cells w dużym skrócie służy do ukrywanie niewypełnionych pól. Innymi słowy empty-cells informuje przeglądarkę o tym, że jeśli dany element jest pusty nie ma ona go wyświetlać.

Parametry empty-cells

Właściwość empty-cells przyjmuje tylko dwa specyficzne dla siebie parametry:

  • show: wyświetl obramowanie i tło pustej komórki.
  • hide: ukryj obramowanie i tło pustej komórki (empty cell).

Dodatkowo obsługiwane są również parametry globalne:

  • inherit: dziedziczy ustawienia rodzica (nadrzędnego).
  • initial: użyj zdefiniowanej wartości domyślnej dla właściwości.
  • unset: zresetuj właściwość do jej odziedziczonej wartości.

Przykładowa dekaracja CSS

Działanie właściwości empty-cells

Do czego może się przydać?

Jest to ciekawe rozwiązanie w przypadku kiedy z różnych przyczyn decydujemy się na budowę strony internetowej z pomocą tabel. Nie jesteśmy w tedy w stanie przewidzieć czy wszystkie pola zostaną przez nas wypełnione. Dzięki zastosowaniu tej właściwości problem pustych przestrzeni rozwiąże się sam.

Przykłady:

See the Pen mPLVzB by CSS-Tricks (@css-tricks) on CodePen.0

empty-cells

Przeczytaj również

Rodzaje kursora myszy Czasami w celu uatrakcyjnienia witryny internetowej chcemy zmienić kształty kursora myszy. Nie potrzebujemy do tego wszędzie obecnego JS wystarczy nam...
Rozmiary (wymiary) używane w CSS Jedną z najtrudniejszych rzeczy podczas budowania elementów strony w HTML i CSS jest dobieranie odpowiednich wielkości i szerokości. Wymiary długości ...
Obramowanie na stronie – CSS Obramowanie (tzw. ramka) stanowi istotny element strony internetowej nie tylko w przypadku tabel, może ono np. stanowić bardzo ciekawą dekoracją (np. ...
Tworzenie przykładowego pliku w SASS Niestety przeglądarki internetowe nie są w stanie samodzielnie odczytać pliku typu SASS, aby to zinterpretować trzeba wygenerować na jego bazie plik C...