La propiedad border-right-width en CSS se usa para establecer el ancho del borde derecho de un elemento. Es obligatorio declarar la propiedad border-style o border-right-style antes que la propiedad border-right-width.
Valor por defecto:
- medio
Sintaxis:
border-right-width: medium|thin|thick|length|initial|inherit;
Valores de la Propiedad:
medio: Es el valor por defecto. Se utiliza para especificar un tamaño medio de borde derecho.
- Sintaxis:
border-right-width: medium;
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-right-width Property
</title>
<style>
h3 {
border: solid green;
border-right-width: medium;
width: 50%;
}
p {
border-style:dotted;
border-right-width:medium;
width:70%;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green">
GeeksForGeeks
</h1>
<h2>border-right-width:initial;</h2>
<!-- border-right-width property
used here -->
<h3>GeeksForGeeks</h3>
<!-- border-right-width property
used here -->
<p>
It is a computer science portal for geeks.
</p>
</center>
</body>
</html>
- Producción:
delgado: esta propiedad se usa para establecer el ancho del borde derecho como delgado.
- Sintaxis:
border-right-width: thin;
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-right-width Property
</title>
<style>
h3 {
border: solid green;
border-right-width: thin;
width: 50%;
}
p {
border-style:dotted;
border-right-width:thin;
width:70%;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green">
GeeksForGeeks
</h1>
<h2>border-right-width:initial;</h2>
<!-- border-right-width property
used here -->
<h3>GeeksForGeeks</h3>
<!-- border-right-width property
used here -->
<p>
It is a computer science portal for geeks.
</p>
</center>>
</body>
</html>
- Producción:
grueso: esta propiedad se utiliza para especificar un borde derecho grueso de un elemento.
- Sintaxis:
border-right-width: thick;
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-right-width Property
</title>
<style>
h3 {
border: solid green;
border-right-width: thick;
width: 50%;
}
p {
border-style:dotted;
border-right-width:thick;
width:70%;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green">
GeeksForGeeks
</h1>
<h2>border-right-width:initial;</h2>
<!-- border-right-width property
used here -->
<h3>GeeksForGeeks</h3>
<!-- border-right-width property
used here -->
<p>
It is a computer science portal for geeks.
</p>
</center>
</body>
</html>
- Producción:
length: esta propiedad se utiliza para establecer el grosor del borde derecho.
- Sintaxis:
border-right-width: length;
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-right-width Property
</title>
<style>
h3 {
border: solid green;
border-right-width: 10px;
width: 50%;
}
p {
border-style:dotted;
border-right-width:5px;
width:70%;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green">
GeeksForGeeks
</h1>
<h2>border-right-width:initial;</h2>
<!-- border-right-width property
used here -->
<h3>GeeksForGeeks</h3>
<!-- border-right-width property
used here -->
<p>
It is a computer science portal for geeks.
</p>
</center>
</body>
</html>
- Producción:
initial: se utiliza para establecer la propiedad border-right-width en su valor predeterminado.
- Sintaxis:
border-right-width: initial;
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-right-width Property
</title>
<style>
h3 {
border: solid green;
border-right-width: initial;
width: 50%;
}
p {
border-style:dotted;
border-right-width:initial;
width:70%;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green">
GeeksForGeeks
</h1>
<h2>border-right-width:initial;</h2>
<!-- border-right-width property
used here -->
<h3>GeeksForGeeks</h3>
<!-- border-right-width property
used here -->
<p>
It is a computer science portal for geeks.
</p>
</center>
</body>
</html>
- Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad border-right-width se enumeran a continuación:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Ópera 3.5
- 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