Svojstva ivice (Border properties)

Dodatak 2


Svojstva Vrijednosti Objašnjenje Primjer (KOD) Primjer (Izgled)
border border-width
border-style
border-color		 Definiše sva svojstva ivice u jednoj deklaraciji. .ivica {
border: solid #900 1px;
}
Element
border-bottom

border-bottom-width
border-bottom-style
border-bottom-color

 Definiše sva svojstva donje ivice u jednoj deklaraciji. .ivica {
border-bottom: solid #900 1px;
}
Element
border-bottom-color border-color Definiše boju donje ivice. .ivica {
border-bottom-color: #900;
}
Element
border-bottom-style border-style Definiše stil donje ivice. .ivica {
border-bottom-style: solid;
}
Element
border-bottom-width border-width Definiše debljinu donje ivice. .ivica {
border-bottom-width: 1px;
}
Element
border-color boja (npr. red) Definiše boju svih ivica. .ivica {
border-color: #900;
}
Element
border-left border-left-width
border-left-style
border-left-color		 Definiše sva svojstva lijeve ivice u jednoj deklaraciji. .ivica {
border-left: solid #900 1px;
}
Element
border-left-color border-color Definiše boju lijeve ivice. .ivica {
border-left-color: #900;
}
Element
border-left-style border-style Definiše stil lijeve ivice. .ivica {
border-left-style: solid;
}
Element
border-left-width border-width Definiše debljinu lijeve ivice. .ivica {
border-left-width: 1px;
}
Element
border-right border-right-width
border-right-style
border-right-color		 Definiše sva svojstva desne ivice u jednoj deklaraciji. .ivica {
border-right: solid #900 1px;
}
Element
border-right-color border-color Definiše boju desne ivice. .ivica {
border-right-color: #900;
}
Element
border-right-style border-style Definiše stil desne ivice. .ivica {
border-right-style: solid;
}
Element
border-right-width border-width Definiše debljinu desne ivice. .ivica {
border-right-width: 1px;
}
Element

border-style

 none
hidden
dotted
solid
solid
solid
groove
ridge
inset
outset
inherit		 Definiše stil svih ivica. .ivica {
border-style: solid;
}
Element
border-top border-top-width
border-top-style
border-top-color		 Definiše sva svojstva gornje ivice u jednoj deklaraciji. .ivica {
border-top: solid #900 1px;
}
Element
border-top-color border-color Definiše boju gornje ivice. .ivica {
border-top-color: #900;
}
Element
border-top-style border-style Definiše stil gornje ivice. .ivica {
border-top-style: solid;
}
Element
border-top-width border-width Definiše debljinu gornje ivice. .ivica {
border-top-width: 1px;
}
Element
border-width

thin
medium
thick
debljina (npr. 2px)
inherit

 Definiše debljinu svih ivica. .ivica {
border-width: 1px;
}
Element

*Vrijednosti ispisane kurzivom se odnose na vrijdnosti koje su definisane svojstvom istog imena (npr. u svojstvu font vrijednost font-weight je zapravo grupa vrijednosti definisanih svojstvom font-weight (npr. bolder)).