Proprietatea border

Proprietatea border stabilește culoarea, tipul și grosimea bordurii pentru toate laturile simultan. Este o proprietate scurtă pentru border-width, border-style și border-color. Spre deosebire de proprietățile pe care le abreviază, nu poate stabili o bordură diferită pentru 4 laturi deodată, ci doar aceeași pentru toate.

Sintaxă

cssselector {
  border: grosime tip culoare;
}

Ordinea proprietăților nu contează.

Exemplu

Să facem elementului o bordură neagră cu grosimea de 1px:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Vedeți și

  • proprietatea border-left,
    care stabilește bordura stângă
  • proprietatea border-right,
    care stabilește bordura dreaptă
  • proprietatea border-top,
    care stabilește bordura de sus
  • proprietatea border-bottom,
    care stabilește bordura de jos
  • proprietatea outline,
    care stabilește o contur pentru element
  • proprietatea border-radius,
    care rotunjește colțurile bordurii