Exemplu
Adăugați o margine rotunjită la colțul din dreapta-jos al unui <div> Element:
div
{
border: 2px solid;
border-bottom-right-radius: 2em;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea chenarul inferior-dreapta-rază definește forma marginii colțul din dreapta jos.
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.borderBottomRightRadius="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-bottom-right-radius | 5 4.0 -webkit- | 9 | 4 3.0 -moz- | 5 3.1 -webkit- | 10.5 |
CSS Sintaxa
border-bottom-right-radius: Note: Cele două valori de lungime sau procentuale ale proprietăților de frontieră dreapta jos rază definesc razele de un sfert de elipsă , care definește forma colțul marginii de margine exterioară. Prima valoare este raza orizontală, a doua rază verticală. În cazul în care a doua valoare este omisă este copiat din prima. Dacă oricare lungime este zero, colțul este pătrată, nu rotunjit. Procente pentru raza orizontală se referă la lățimea cutiei de frontieră, în timp ce procentele pentru raza verticală se referă la înălțimea cutiei de frontieră. Valori de proprietate
Valoare Descriere Joaca-l length Definește forma colțul din dreapta jos. Valoarea implicită este 0 Joaca - l » % Definește forma colțul din dreapta jos î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
Pagini similare
Tutorial CSS3: CSS3 Frontiere
HTML DOM referință: borderBottomRightRadius property