Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad border-top-right-radius
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada Radio de la esquina superior derecha del borde Con sintaxis y ejemplos.
describir
La propiedad CSS border-top-right-radius define las esquinas redondeadas a la derecha del borde superior del cuadro.
sintaxis
La sintaxis de la propiedad CSS border-top-right-radius es:
border-top-right-radius: value;parámetro o parámetro
valor
El valor del radio aplicado al lado derecho del borde superior del cuadro. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div {borde-superior-derecho-radio: 2px; } |
| porcentaje | valor porcentual div {borde-arriba-derecha-radio: 10%; } |
| heredar | El elemento heredará el borde superior derecho del radio de su elemento principal div {borde-superior-derecho-radio: heredar;} |
notas
- Consulte también las propiedades border-top-left-radius y border-radius.
Compatibilidad del navegador
La propiedad CSS border-top-right-radius tiene soporte básico para los siguientes navegadores:
- cromo 4
- Firefox 4+ (Geco 2+)
- Internet Explorer 9+ (IE 9+)
- Ópera 10.5+
- Safari 5+ (WebKit 3+)
ejemplo
Discutiremos la propiedad border-top-right-radius a continuación, explorando ejemplos de cómo usarla en CSS.
Veamos un ejemplo de un radio superior derecho de borde CSS donde proporcionamos un valor de píxel.
div { border-top-right-radius: 5px; border-top-style: solid; }En este ejemplo de CSS border-top-right-radius, estamos en
A continuación, veremos un ejemplo de CSS border-top-right-radius que proporciona un valor em.
div { border-top-right-radius: 1.5em; border-top-style: solid; }En este ejemplo de CSS border-top-right-radius, definimos esquinas redondeadas de 1,5 em en el lado derecho del borde superior.