Style borderTopRightRadius Property
Przykład
Dodaj zaokrąglone obramowanie w prawym górnym rogu elementu div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Definicja i użycie
Właściwość borderTopRightRadius definiuje kształt obramowania prawego górnego rogu.
Wskazówka: ta właściwość umożliwia dodawanie zaokrąglonych ramek do elementów!
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
Składnia
Zwróć właściwość borderTopRightRadius:
object.style.borderTopRightRadius
Ustaw właściwość borderTopRightRadius:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Uwaga: Dwie wartości długości lub wartości procentowe właściwości border-top-right-radius definiują promienie ćwiartki elipsy, która definiuje kształt narożnika zewnętrznej krawędzi granicy. Pierwsza wartość to promień poziomy, druga to promień pionowy. Jeśli druga wartość zostanie pominięta, zostanie skopiowana z pierwszej. Jeśli którakolwiek długość wynosi zero, róg jest kwadratowy, a nie zaokrąglony. Procenty dla promienia poziomego odnoszą się do szerokości ramki, podczas gdy procenty dla promienia pionowego odnoszą się do wysokości ramki.
Wartości nieruchomości
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość border-top-right-radius elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: border-top-right-radius property
❮ Obiekt stylu