Właściwość border

Właściwość border ustawia kolor, typ i grubość obramowania dla wszystkich stron jednocześnie. Jest właściwością skrótową dla border-width, border-style i border-color. W przeciwieństwie do właściwości skracanych nie może ustawiać różnego obramowania dla 4 stron jednocześnie, a tylko takie samo dla wszystkich.

Składnia

selektor {
	border: grubość typ kolor;
}

Kolejność właściwości wartości nie ma.

Przykład

Zróbmy elementowi czarne obramowanie o grubości 1px:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	width: 300px;
	height: 100px;
}

Zobacz też

właściwość border-left,
która ustawia lewe obramowanie
właściwość border-right,
która ustawia prawe obramowanie
właściwość border-top,
która ustawia górne obramowanie
właściwość border-bottom,
która ustawia dolne obramowanie
właściwość outline,
która ustawia obwódkę dla elementu
właściwość border-radius,
która zaokrągla rogi obramowania