Svojstva tabele (Table properties)

Primjer 12

Svojstva tabele (Table properties) definišu izgled tabele. U ovu kategoriju spadaju sledeća svojstva:
- border-collapse
- border-spacing
- caption-side
- empty-cells
- table-layout

Svojstvom border-spacing podešavamo horizntalni i vertikalni razmak izmedju ivica kolona i redova u tabeli. U slučaju da unosimo samo jednu vrijednost, ona definiše i horizontalni i vertikalni razmak. U slučaju da unosimo dvije vrijednosti, prva definiše horizontalni, a druga vertikalni razmak. Na primjeru je horizontalni razmak 5, a vertikalni 10 piksela:

Kod:

<html>

      <head>

      <title>Razmak</title>

      <style type="text/css">

      .razmak {

      border-spacing: 5px 10px;

      }

      </style>

</head>

      <table width="100%" border="1" class="razmak">

<tr>

<td>Polje 1</td>

<td>Polje 2</td>

</tr>

<tr>

<td>Polje 3</td>

<td>Polje 4</td>

</tr>

</table>



      </body>

    </html>

Primjer:

Polje 1	Polje 2
Polje 3	Polje 4

Popis svih svojstava i odgovarajućih vrijednosti se nalazi u DODATKU 12.

*Dio koda označen crvenom bojom odnosi se na CSS. Promjenjivo svojstvo je označeno zelenom bojom, dok je promjenjiva vrijednost označena plavom.
**Prozor na dnu stranice je namjenjen za provjeru koda: - kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom); editovanje je moguće u prozoru.

Nazad