border

Definice a použití

Border slouží k definovaní okraje kolem HTML elementu. Okraj může mít různou tlouštku, styl a barvu.

Hodnoty vstupů	Popis	Hodnota
border-width	šířka okraje v px
border-style	styl okraje	solid dotted
border-color	barva okraje, standartní nastavení barvy pres rgb(x,y,z) nebo #nnnnnn

Ukázka:

Vytvoří kolem každého odstavce červený plný okraj.

CSS

p {
    border: 1px solid red;
}

Použité vlastnosti: border

HTML

<p>Text</p>

Použité tagy: <p>

Výsledek:

Text

Ukázka:

Vytvoří kolem každého elementu s classname "div" tečkovaný černý 10px tlustý okraj.

CSS

.div {
    border: 10px dotted #000;
}

Použité vlastnosti: border

HTML

<div class="div">Text</div>

Použité tagy: <div>

Výsledek:

Text

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano