La propiedad border-block-end-style en CSS se usa para definir los valores de propiedad de borde de bloque lógico individual en un solo lugar en la hoja de estilo. Esta propiedad establece el estilo de borde en la parte inferior del borde del elemento de definición.
Sintaxis:
border-block-end-style: border-style;
Valores de propiedad:
- border-style: esta propiedad mantiene el estilo del borde.
Los siguientes ejemplos ilustran la propiedad border-block-end-style en el CSS:
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>CSS | border-block-end-style Property</title>
<style>
h1 {
color: green;
}
div {
background-color: yellow;
width: 220px;
height: 40px;
}
.one {
border: 5px solid gray;
border-block-end-style: dotted;
background-color: purple;
}
</style>
</head>
<body>
<center>
<h1>Geeksforgeeks</h1>
<b>CSS | border-block-end-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-block-end-style Property</title>
<style>
h1 {
color: green;
}
div {
background-color: yellow;
width: 220px;
height: 40px;
}
.one {
border: 5px solid black;
border-block-end-style: dashed;
background-color: purple;
}
</style>
</head>
<body>
<center>
<h1>Geeksforgeeks</h1>
<b>CSS | border-block-end-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-block-end-style se enumeran a continuación:
- Firefox
- Ópera
- Borde
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA