CSS border-boven-links-randigheid eigenschap

Definitie en gebruik

De border-top-left-radius-eigenschap definieert de vorm van de linkerbovenhoekrand.

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

Zie ook:

CSS3 handleiding:CSS3 rand

Voorbeeld

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

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

Probeer het zelf

CSS syntaxis

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

Opmerking:De lengtewaarde en percentagewaarde van de border-top-left-radius-eigenschap definiëren de straal (radii) van een kwadrant van een halve cirkel (definieert de vorm van de hoek van de buitenste rand 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 verwijzen naar de breedte van de randbox, en de percentagewaarden van de verticale straal verwijzen naar de hoogte van de randbox.

Eigenschapswaarde

Waarde Beschrijving Test
length Definieer de vorm van de linkerkant van de onderkant. Test
% Definieer de vorm van de linkerkant van de onderkant met percentages. Test

Technische details

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