Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Tabele

Położenie tytułu tabeli

Email Drukuj PDF

Tematy: położenie tytułu tabeli | puste komórki | generowanie układu tabeli | odstępy między komórkami | kondensowanie obramowań komórek

Dane w pigułce
Zastosowanie określa położenie tytułu tabeli w stosunku do tabeli
Dziedziczenie tak
Wartości top, bottom
Wartość domyślna top
Przykład caption-side: bottom
Uwagi
Odpowiednik w HTML <caption align="top|bottom"></caption>

Aby zdefiniować położenie tytułu tabeli, należy wpisać w definicji stylu caption-side: wartość

Tytuł tabeli może być położony nad tabelą (caption-side: top) lub pod nią (caption-side: bottom).

<table>
<caption STYLE="caption-side: top">Tytuł tabeli</caption>
...
</table>

Tytuł tabeli
komórka 1 komórka 2 komórka 3 komórka 4
komórka 5 komórka 6 komórka 7 komórka 8
Interpretacja: Internet Explorer, Firefox, Opera, Chrome

<table>
<caption STYLE="caption-side: bottom">Tytuł tabeli</caption>
...
</table>

Tytuł tabeli
komórka 1 komórka 2 komórka 3 komórka 4
komórka 5 komórka 6 komórka 7 komórka 8
Interpretacja: Internet Explorer 8, Firefox, Opera, Chrome

Przykład tabeli z dosunięciem położonego u góry tytułu do lewego brzegu (text-align:left)

Tytuł tabeli
komórka 1 komórka 2 komórka 3 komórka 4
komórka 5 komórka 6 komórka 7 komórka 8
 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V