CSS border-boven-rechts-radius eigenschap

Definitie en gebruik

De border-top-right-radius-eigenschap definieert de vorm van de rechteronderhoekrand.

Tip:Deze eigenschap staat u toe om een ronde hoekrand toe te voegen aan het element.

Zie ook:

CSS3 cursus:CSS3 randen

Voorbeeld

Voeg een ronde hoekrand toe aan de bovenrechterhoek van het div-element:

div
{
border:2px solid;
border-top-right-radius:2em;
}

Probeer het zelf

CSS syntaxis

border-top-right-radius: length|% [length|%];

Opmerking:De lengte- en procentwaarden van de border-top-right-radius-eigenschap definiëren de straling van een kwadrant van een ellipsoïde (de vorm van de hoekrand van de externe rand). De eerste waarde is de horizontale straling, de tweede waarde is de verticale straling. Als de tweede waarde wordt weggelaten, wordt de eerste waarde gekopieerd. Als de lengte nul is, is de hoek rechthoekig in plaats van ronds. De procentwaarde van de horizontale straling verwijst naar de breedte van de randbox, en de procentwaarde van de verticale straling verwijst naar de hoogte van de randbox.

Eigenschapswaarde

Waarde Beschrijving Test
length Definieer de vorm van de bovenrechterhoek. Test
% Definieer de vorm van de bovenrechterhoek in procenten. Test

Technische details

Standaardwaarde: 0
Inheritance: nee
Versie: CSS3
JavaScript syntaxis: object.style.borderTopRightRadius="5px"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5