CSS border-bottom-right-radius egenskap

Definition och användning

border-bottom-right-radius egenskapen definierar formen på högra nedre kantens kant.

Tips:Egenskapen tillåter dig att lägga till runda kantbår till elementet.

Se också:

CSS3教程：CSS3 kanter

Exempel

Lägg till en rund kant på elementets högra nedre hörn till div-elementet:

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

Prova själv

CSS syntax

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

Kommentar:Längden och procentvärdet för border-bottom-right-radius egenskapen definierar radien för en kvartcirkel (definierar formen på kantens hörn). Den första värdet är den horisontella radieen, den andra värdet är den vertikala radieen. Om den andra värdet utskrivs, kopieras det första värdet. Om längden är noll, är kantens hörn rektangulära, inte cirkulära. Procentvärdet för den horisontella radieen refererar till bredden på ramen, och procentvärdet för den vertikala radieen refererar till höjden på ramen.

Attribute value

Value Description Test
length Definiera formen vid högra nedre hörnet. Test
% Definiera formen vid högra nedre hörnet med hjälp av procentvärden. Test

Technical details

Default value: 0
Inheritability: no
Version: CSS3
JavaScript syntax: object.style.borderBottomRightRadius="5px"

Webbläsarstöd

Tal i tabellen noterar den första webbläsarens version som fullständigt stöder egenskapen.

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