Exemplu
Adăugați o margine rotunjită la colțul din stânga jos al unui <div> Element:
div
{
border: 2px solid;
border-bottom-left-radius: 2em;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea stânga frontieră jos rază definește forma marginea colțul din stânga 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.borderBottomLeftRadius="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-left-radius | 5 4.0 -webkit- | 9 | 4 3.0 -moz- | 5 3.1 -webkit- | 10.5 |
CSS Sintaxa
border-bottom-left-radius: Note: Cele două valori de lungime sau procentuale ale proprietăților din stânga-frontieră de 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 stânga-jos. Valoarea implicită este 0 Joaca - l » % Definește forma colțul stânga 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ță: borderBottomLeftRadius property