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