CSS border-top-højre-radius egenskab

Definition og brug

border-top-right-radius-egenskaben definerer formen af hjørnet på den nederste højre kant.

Tip:Egenskaben giver dig mulighed for at tilføje runde kanter til elementet.

Se også:

CSS3-tur:CSS3 kanter

Eksempel

Tilføj en rund kant til det øverste højre hjørne af div-elementet:

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

Prøv det selv

CSS-sprog

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

Bemærkninger:border-top-right-radius-egenskabets længdeværdi og procentværdi definerer radiusen (radii) for en kvartcirkel (definerer formen af hjørnet på den ydre kant af kantkanten). Den første værdi er den horisontale radius, og den anden værdi er den vertikale radius. Hvis den anden værdi udelades, kopieres den første værdi. Hvis længden er nul, er hjørnet kvadratisk, ikke cirkulært. Procentværdien for den horisontale radius refererer til bredden af kantkassen, og procentværdien for den vertikale radius refererer til højden af kantkassen.

Egenskabsværdi

Værdi Beskrivelse Test
length Definerer formen af øverste højre hjørne. Test
% Definerer formen af øverste højre hjørne som en procentværdi. Test

Tekniske detaljer

Standardværdi: 0
Arvbarhed: nej
Version: CSS3
JavaScript-sprog: object.style.borderTopRightRadius="5px"

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

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