Svojstva ivice (Border properties)

Primjer 2

Svojstva ivice (Border properties) definišu izgled i oblik ivice bilo kog elementa web-stranice. U ovu kategoriju spadaju sledeća svojstva:
- border
- border-bottom
- border-bottom-color
- border-bottom-style
- border-bottom-width
- border-color
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-style
- border-top
- border-top-color
- border-top-style
- border-top-width
- border-width

Svojstvom border možemo definisati sva tri parametra koja određuju ivicu: boju, stil i debljinu. CSS kod koji definiše isprekidanu ivicu tamno crvene boje (kodni broj: #900) i debljine 1 piksel kao ivicu nekog elementa izgleda ovako:

Kod:

<html>

    <head>

    <title>Ivica</title>

    <style type="text/css">

      .ivica {

    border: dashed #900 1px;

      } 

    </style>

</head>

    <div class="ivica">Element</div>



    </body>

    </html>

Primjer:

Element

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

*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