La propiedad border-right es una propiedad abreviada que se utiliza para las tres propiedades que se indican a continuación:
- borde-derecho-ancho
- borde-derecho-estilo (si es necesario)
- borde-derecho-color
Sintaxis:
border-right: border-width border-style border-color|initial| inherit;
Valores de Propiedad: border-width border-style border-color: Se utiliza para establecer el ancho, estilo, color del Borde de un Elemento.
- Sintaxis:
border-right: border-width border-style border-color
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-right Property
</title>
<style>
h1 {
border-right: 5px solid red;
}
h2 {
border-right: 4px dotted blue;
}
div {
border-right: double;
}
</style>
</head>
<body>
<h1>A heading with a solid red right border</h1>
<h2>A heading with a dotted blue right border</h2>
<div>A div element with a double right border.</div>
</body>
</html>
- Producción:
initial: Establece la propiedad a su valor por defecto.
- Sintaxis:
border-right:initial;
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color:green;
}
h3 {
border-right: initial;
width:20%;
}
div {
border-right: initial;
width:40%;
}
</style>
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2> CSS Border-right Property</h2>
<h3>geeksforgeeks</h3>
<div>It is a computer science portal for geeks.</div>
</body>
</html>
- Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad css border-right se enumeran a continuación:
- Google Chrome 1.0
- Borde 12.0
- Internet Explorer 5.5
- Firefox 1.0
- Ópera 9.2
- Apple Safari 1.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA