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ż

Zmiana i rozjaśnienie obrazka po najechaniu kursor... Parę razy w swoim życiu szukałam skryptu dzięki któremu mogę uzyskać efekt rozjaśnienia lub zmiany wyglądu obrazka lub fotografii po najechaniu na nią...
Odstępy między komórkami w Tabeli kurs HTML Czasami w celu poprawy wyglądu tabeli chcemy oddzielić od siebie poszczególne komórki. Do tego celu wykorzystać możemy: Gdzie zmienna cellspacing ...
Efekt Zoom Hover po najechaniu kursorem na zdjęcie... Podczas tworzenia stron internetowych często najważniejszą kwestią jest dobranie odpowiednich efektów aktywowanych np. po najechaniu kursorem myszy lu...
Zmiana koloru linka po najechaniu kursorem –... Zmiana koloru linku () stanowi jeden z podstawowych efektów, jakie występują na stronie internetowej. Domyślnie tę cechę pos...