Właściwość CSS empty-cells

tutoriale

Kategoria wpisu Efekty i skrypty 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ż

Podstawowe kolory na stronie W przypadku budowy strony internetowej dość ważne jest użycie odpowiednich kolorów. O ile dzięki CSS możemy użyć ich kilka set a może nawet kilka tysi...
Responsywne obrazki / zdjęcia z efektem Polaroid &... W jednym z wcześniejszych wpisów pisałam jak z użyciem PHP uzyskać efekt Polaroid dla zdjęć i ilustracji. Tym razem pokażę jak uzyskać ten sam efekt a...
Zdarzenia myszki – pointer-events CSS Właściwość pointer-events określa jak na dane zdarzenie wywołane z użyciem kursora myszy powinien reagować konkretny obiekt HTML. Chodzi o zdarzenia ...
Instalacja darmowego serwera na komputerze –... Podobnie jak XAMPP lub Krasnal, Wamp (Windows, Apache, MySQL, PHP) jest darmowym programem wydanym  na licencji GNU*. Wydaje mnie się że interfejs jes...