La propiedad border-end-end-radius en CSS se usa para especificar el border-radius lógico en el borde del bloque final. Es ajustable con el modo de escritura , la dirección y la orientación del texto del elemento .
Sintaxis:
border-end-end-radius: length | percentage;
Valores de propiedad:
- longitud: esta propiedad mantiene la longitud del radio del borde en una unidad específica.
- porcentaje: esta propiedad contiene el valor porcentual en comparación con los elementos principales.
- Firefox
Los siguientes ejemplos ilustran la propiedad border-end-end-radius en CSS:
Ejemplo 1:
<!DOCTYPE html><html> <head> <title>CSS | border-end-end-radius Property</title> <style> h1 { color: green; } div { background-color: purple; width: 250px; height: 50px; } .one { background-color: yellow; border-end-end-radius: 10px; } </style></head> <body> <center> <h1>Geeksforgeeks</h1> <b>CSS | border-end-end-radius Property</b> <br><br> <div> <p class="one">A Computer Science Portal</p> </div> </center></body> </html> |
Producción:
Ejemplo 2:
<!DOCTYPE html><html> <head> <title>CSS | border-end-end-radius Property</title> <style> h1 { color: green; } div { background-color: purple; width: 250px; height: 50px; } .one { background-color: yellow; border-end-end-radius: 50%; } </style></head> <body> <center> <h1>Geeksforgeeks</h1> <b>CSS | border-end-end-radius Property</b> <br><br> <div> <p class="one">A Computer Science Portal</p> </div> </center></body> </html> |
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad border-end-end-radius se enumeran a continuación:
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA