30 sierpnia 2013

CSS - Formatowanie tabeli

1. Obramowanie
table
{
 border: 5px solid red                   -wartość: szerokość, styl, kolor
 }

2. Obarmowanie dla poszczególnych komórek

td
{
 border: 5px solid red                      
 }

3. Zmiana lini, koloru i szerokosci obramowania

dashed-linia przerywana
table
{
 border: 14px dashed black
 }
dotted-linia kropkowana

4. Odstępy pomiędzy komórkami w tabeli

atrybut border-spacing
np.
table
{
 border: 14px dashed black;
 border-spacing: 10px;
 }

5. Zmiana koloru tła w tabeli

atrybut background-color
np.
table
{
 border: 14px dashed black;
 border-spacing: 10px;
 background-color: red;
 }

6. Definiowanie tła dla poszczególnych komórek

Zmiana w td.
np.
table
{
 border: 14px dashed black;
 border-spacing: 10px;
 }
td
{
 background-color: red;
}

7. Zmiana opisu tabeli

selektor caption
np.
table
{
 border: 14px dashed black;
 border-spacing: 10px;
 }
caption
{
 caption-side: left;
}

Możliwość stosowania wszelkich stron-right, top, bottom...


8. Rozplanowanie tabeli

Atrybut table-layout
table
{
 border: 14px dashed black;
 border-spacing: 10px;
 table-layout: fixed; width: 50%;          -szerokość tabeli
 }
table-layout: auto                         -tabela dopasowana do zawartości