Definición de .border utilizado en CSS
La propiedad .border
es una sintaxis en taquigrafía en CSS que acepta múltiples valores para dibujar una línea alrededor del elemento al que se aplica.
Caso de empleo de border
Si quieres emplear esta propiedad de CSS en tu hoja styles.css, hazlo de esta manera:
.box {
border: 3px solid red;
height: 200px;
width: 200px;
}
Otro ejemplo más avanzado de .border es el siguiente de CODEPEN:
Sintaxis de .border en CSS
border: border-width border-style border-color|initial|inherit;
Exploradores compatibles con .border
Los números de la tabla especifican la primera versión del navegador que es plenamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
border-collapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |