Proprietatea border-top-left-radius
Proprietatea border-top-left-radius creează
rotunjire pentru colțul din stânga sus al marginii
și fundalului. Valoarea proprietății sunt orice unități
pentru dimensiuni. Valoarea implicită: 0.
Sintaxă
selector {
border-top-left-radius: valoare;
}
Exemplu
Să setăm rotunjirea 10px pentru colțul
din stânga sus:
<div id="elem"></div>
#elem {
border-top-left-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Vedeți și
-
proprietatea
border-top-right-radius,
care setează rotunjirea pentru colțul din dreapta sus -
proprietatea
border-bottom-left-radius,
care setează rotunjirea pentru colțul din stânga jos -
proprietatea
border-bottom-right-radius,
care setează rotunjirea pentru colțul din dreapta jos -
proprietatea
border-radius,
care setează rotunjirea simultan pentru toate colțurile -
proprietatea
border,
care este o proprietate scurtă pentru margine