CSS border-beneden-linksonderhoek-radius eigenschap

Definitie en gebruik

De border-bottom-left-radius-eigenschap definieert de vorm van de linkerbovenhoek van de rand.

Tip:Deze eigenschap stelt u in staat een afgeronde rand aan het element toe te voegen.

Zie ook:

CSS3 Tutorial:CSS3 rand

Voorbeeld

Voeg een afgeronde rand aan de linkerkant van de onderkant van het div-element toe:

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

Probeer het zelf uit

CSS syntaxis

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

Opmerking:De lengte- en procentwaarden van de border-bottom-left-radius-eigenschap definiëren de straal (radii) van een kwadrant van een ovale (die de vorm van de hoek van de externe rand van de rand defineert). 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 procentwaarde van de horizontale straal verwijst naar de breedte van de randbok, en de procentwaarde van de verticale straal verwijst naar de hoogte van de randbok.

Eigenschapswaarde

Waarde Beschrijving Test
length Definieer de vorm van de linkerkant van de onderkant. Test
% Definieer de vorm van de linkerkant van de onderkant in procentwaarden. Test

Technische details

Standaardwaarde: 0
Inheritantie: nee
Versie: CSS3
JavaScript syntaxis: object.style.borderBottomLeftRadius="5px"

Browserondersteuning

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

Getallen met -webkit- of -moz- voorafgaand, representeren de eerste versie met voorvoegsel.

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