La propiedad border-inline-start-style es una propiedad incorporada en CSS que se usa para definir los valores de propiedad de borde lógicos individuales en línea en un solo lugar en la hoja de estilo. Esta propiedad establece el estilo de borde a la izquierda del borde del elemento de definición.
Sintaxis:
border-inline-start-style: border-style;
Valores de propiedad:
- border-style: esta propiedad mantiene el estilo del borde.
Los siguientes ejemplos ilustran la propiedad border-inline-start-style en el CSS:
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>CSS | border-inline-start-style Property</title>
<style>
h1 {
color: green;
}
div {
background-color: yellow;
width: 220px;
height: 40px;
}
.one {
border: 5px solid gray;
border-inline-start-style: dotted;
background-color: purple;
}
</style>
</head>
<body>
<center>
<h1>Geeksforgeeks</h1>
<b>CSS | border-inline-start-style Property</b>
<br><br>
<div class="one">A Computer Science Portal</div>
</center>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>CSS | border-inline-start-style Property</title>
<style>
h1 {
color: green;
}
div {
background-color: yellow;
width: 220px;
height: 40px;
}
.one {
border: 5px solid black;
border-inline-start-style: dashed;
background-color: purple;
}
</style>
</head>
<body>
<center>
<h1>Geeksforgeeks</h1>
<b>CSS | border-inline-start-style Property</b>
<br><br>
<div class="one">A Computer Science Portal</div>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad border-inline-start-style se enumeran a continuación:
- Firefox
- Ópera
- Borde
Referencia: https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA