CSS vlastnosti
border
- Zobrazeno: 1191
Definice a použití
Border je CSS vlastnost, která slouží k nastavení okraje okolo HTML elementu. Okraj může mít růnou barvu, tloušťku, styl se zobrazením nahože, dole, vlevo či vpravo.
CSS syntaxe
border: border-width | border-style | border-color
Hodnoty | Popis | Hodnota |
---|---|---|
border-width | šířka okraje | medium | thin | thick | length | initial | inherit |
border-style | styl okraje | none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit |
border-color | barva okraje | barva | transparent | initial | inherit |
Ukázka použití
Přidá kolem celého HTML elementu plný okraj v červené barvě s tloušťkou 5px.
CSS:
p {
border: 5px solid red;
}
HTML
<p>HTML element</p>
VÝSLEDEK
Plný okraj s tloušťkou 5px okolo celého elementu.