Exemplu
Chenare rotunjite la un <div> Element:
div
{
border: 2px solid;
border-radius: 25px;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea border-radius este o proprietate prescurtare pentru stabilirea celor patru frontiera - * - proprietăți de rază.
Tip: Această proprietate vă permite să adăugați chenare rotunjite la elemente!
| Valoare implicită: | 0 |
|---|---|
| Mostenit: | no |
| Animatable: | yes. Read about animatable Try it |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.borderRadius="25px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de -webkit- sau -moz- specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| border-radius | 5 4.0 -webkit- | 9 | 4 3.0 -moz- | 5 3.1 -webkit- | 10.5 |
CSS Sintaxa
border-radius: Note: Cele patru valori pentru fiecare raze sunt prezentate în ordinea de sus-stânga, dreapta sus, de jos-dreapta, jos-stânga. În cazul în care partea de jos-stânga este omis este la fel ca și din dreapta sus. În cazul în care partea de jos-dreapta este omis este la fel ca și din stânga-sus. În cazul în care partea de sus-dreapta este omis este la fel ca și din stânga-sus. Valori de proprietate
Valoare Descriere Joaca-l length Definește forma colțuri. Valoarea implicită este 0 Joaca - l » % Definește forma colțuri în% Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Exemplul 1
border-radius:2em;
is equivalent to:
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;
Exemplul 2
border-radius: 2em 1em 4em / 0.5em 3em;
is equivalent to:
border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;
Pagini similare
Tutorial CSS3: CSS3 Frontiere
HTML DOM referință: borderRadius property