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

cssselektor {
  border: grubość typ kolor;
}

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

Przykład

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

html<div id="elem"></div>
css#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