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