La propiedad border-start-start-radius en CSS se usa para especificar el radio de borde lógico en el borde de inicio de bloque (arriba a la izquierda). Es ajustable con el modo de escritura , la dirección y la orientación del texto del elemento .
Sintaxis:
border-start-start-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.
Los siguientes ejemplos ilustran la propiedad border-start-start-radius en CSS:
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<title>CSS | border-start-start-radius Property</title>
<style>
h1 {
color: green;
}
div {
background-color: purple;
width: 250px;
height: 50px;
}
.one {
background-color: yellow;
border-start-start-radius: 10px;
}
</style>
</head>
<body>
<center>
<h1>Geeksforgeeks</h1>
<b>CSS | border-start-start-radius Property</b>
<br><br>
<div>
<p class="one">A Computer Science Portal</p>
</div>
</center>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<title>CSS | border-start-start-radius Property</title>
<style>
h1 {
color: green;
}
div {
background-color: purple;
width: 250px;
height: 50px;
}
.one {
background-color: yellow;
border-start-start-radius: 50%;
}
</style>
</head>
<body>
<center>
<h1>Geeksforgeeks</h1>
<b>CSS | border-start-start-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-start-start-radius se enumeran a continuación:
- Firefox
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA