Powrót

Stylowanie tabeli

Nazwa własności Wartości Opis działania
border: - szerokość obramowania w px np. 3px
- styl obramowania np. solid (jednolity) | double | dotted(kropkowany) | dashed(kreskowany) | none (wcale)
- kolor obramowania np. yellow | black itd.
Modyfikuje obramowanie tabeli (komórki, lub zestawu komórek)
vertical-align: -posiada wiele wartości, lecz dla nas szczególnie cenna to middle wyśrodkowanie wartości komórki w pionie
width: -wartość liczbowa w procentach np. 40% (przy table to będzie % szerokości witryny)
-wartość liczbowa w pixelach (np. 30px)
ustawianie szerokości komórki/tabeli
height: -wartość liczbowa w procentach np. 40% (przy table to będzie % wysokości witryny)
-wartość liczbowa w pixelach (np. 30px)
ustawianie wysokości komórki/tabeli
text-align: left | center | right ustawienie tekstu w komórce - po lewej części, po prawej, lub na środku
color: red | green | blue | mediumaquamarine kolor tekstu
background-color: red | green | blue | mediumaquamarine kolor tła komórki/tabeli
padding:
padding-top:
padding-bottom:
padding-left:
padding-right:
wartość liczbowa w pixelach. ustalamy odległość między wartością komórki a obramowaniem. Dla samego padding ustalamy je dla wszystkich
font-family: Arial | Verdana | Helvetica Ustawianie czcionek
border-collapse: separate | collapse | initial ustawienie obramowania dla komórek i tabeli, czy ma być wspólne, oddzielne, czy domyślne