Svojstva dopunjavanja (Padding properties)

Primjer 10

Svojstva dopunjavanja (Padding properties) definišu veličinu dopune pri prikazivanju nekog elementa u drugom elementu, tj. koliko će sadržaj elementa biti udaljen od njegovih ivica. U ovu kategoriju spadaju sledeća svojstva:
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top

Ova svojstva spadaju u jedne od najkorištenijih svojstava CSS-a, jer bi bez njih izgled bilo kakvog websajta bio doveden u pitanje. Zamislite samo da se svaki tekst u web-stranici nalazi uz samu ivicu elemenata u koji je smješten. Svojstvom padding, web-dizajner postiže da je tekst, ili bilo koji drugi sadržaj elementa, udaljen od svake od četiri ivica jednako. Na primjeru je tekst udaljen od ivica 20 piksela:

Kod:

<html>

      <head>

      <title>Dopunjavanje</title>

      <style type="text/css">

      .dopunjavanje {

      padding: 20px;

      }

      </style>

</head>

      <div class="dopunjavanje">Element

</div>



      </body>

    </html>

Primjer:

Tekst

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

*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