CSS border-beneden-rechsonderhoek-radius eigenschap

Definitie en gebruik

De border-bottom-right-radius-eigenschap definieert de vorm van de rechterbenedenhoekrand.

Tip:Deze eigenschap laat je toe een afgeronde hoekrand toe te voegen aan het element.

Zie ook:

CSS3 handleiding:CSS3 randen

Voorbeeld

Voeg een afgeronde hoekrand toe aan de rechterbenedenhoek van het div-element:

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

Probeer het zelf uit

CSS syntax

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

Opmerking:De lengte- en procentwaarden van de border-bottom-right-radius-eigenschap definiëren de straal van een kwadrant van een ellips (definieert de vorm van de hoekranden van de rand). De eerste waarde is de horizontale straal, de tweede waarde is de verticale straal. 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 percentagewaarden van de horizontale straal refereren aan de breedte van de border-box, en de percentagewaarden van de verticale straal refereren aan de hoogte van de border-box.

Eigenschapswaarde

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

Technische details

Standaardwaarde: 0
Inheritantie: nee
Versie: CSS3
JavaScript syntax: object.style.borderBottomRightRadius="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