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ă
selector {
border: grosime tip culoare;
}
Ordinea proprietăților nu contează.
Exemplu
Să facem elementului o bordură neagră cu grosimea
de 1px:
<div id="elem"></div>
#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