Przykład
Dodaj zaokrągloną granicę do lewego górnego rogu elementu div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności borderTopLeftRadius lub zwraca kształt granicy lewym górnym rogu.
Tip: Ta właściwość pozwala na dodawanie do elementów zaokrąglonych granic!
Wsparcie przeglądarka
Nieruchomość borderTopLeftRadius jest obsługiwana w IE9 +, Firefox, Chrome, Safari i Opera.
Składnia
Zwraca właściwość borderTopLeftRadius:
object .style.borderTopLeftRadius
Ustaw właściwość borderTopLeftRadius:
object .style.borderTopLeftRadius=" Note: dwie wartości długości lub procentowe właściwości granicznych lewego górnego promienia określić promień elipsy ćwierć który określa kształt narożnika zewnętrznej krawędzi obramowania. Pierwsza wartość promień poziomy, drugi promień w pozycji pionowej. Jeśli druga wartość jest pominięta jest kopiowane z pierwszego. Jeżeli jedna długość wynosi zero, rogu jest kwadratowy, a nie zaokrąglone. Procenty dla promienia poziomej znajdują się szerokości pola granicznej, podczas gdy procentowe promieniowej pionowej znajdują się na wysokości skrzynki granicznej. wartości nieruchomości
Wartość Opis length Określa kształt lewym górnym rogu % Określa kształt lewym górnym rogu w% initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: 0 Zwracana wartość: Ciąg, stanowiących własność border-top-left-promień elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: border-top-left-radius property
<Style obiektu