La propiedad de borde en CSS se usa para diseñar el borde de un elemento. Esta propiedad es una combinación de otras tres propiedades border-width , border-style y border-color que se pueden usar como una notación abreviada para estas tres propiedades. Establece o devuelve las propiedades border-width, border-style, border-color.
Sintaxis:
border = "width style color|initial|inherit"
Valor por defecto: Su valor por defecto es inicial.
Valores de propiedad :
- ancho : este valor especifica el peso o el ancho del borde.
- estilo : este valor especifica un estilo para el borde, es decir, si el borde será punteado, discontinuo, sólido, etc.
- color : este valor especifica el color del borde.
El siguiente código ilustra la propiedad de borde en CSS:
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border Property
</title>
<style>
h1 {
color: green;
}
#gfg {
border: 4px solid blue;
width: 60%;
}
</style>
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>DOM Style border Property</h2>
<!-- Element whose border will be styled -->
<div id="gfg">
GeeksForGeeks.
It is a computer science portal for geeks.
</div>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad de borde CSS 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