Bordes
CSS permite modificar el aspecto de cada uno de los cuatro bordes de la caja de un elemento. Para cada borde se puede establecer su anchura o grosor, su color y su estilo, por lo que en total CSS define 20 propiedades relacionadas con los bordes.
Anchura
| Propiedad / valores | Descripción |
|---|---|
|
border-top-width [unidad de medida | thin | medium | thick] | inherit |
Establece la anchura de cada uno de los cuatro bordes de los elementos. Se aplica a todos los elementos. Valor por defecto: medium |
|
border-width [unidad de medida | thin | medium | thick]
{1, 4} | inherit
|
Establecer de forma simultánea la anchura de todos los bordes de una caja. Es una propiedad abreviada (shorthand). Si se indica un solo valor, se aplica a los cuatro bordes. |
La anchura de los bordes se indica mediante una medida (en cualquier unidad de medida absoluta o relativa) o mediante las palabras clave thin (borde delgado), medium (borde normal) y thick (borde ancho).
Color
| Propiedad / valores | Descripción |
|---|---|
|
border-top-color color | transparent | inherit |
Establece el color de cada uno de los cuatro bordes de los elementos Se aplica a todos los elementos. |
|
border-color [color | transparent] {1, 4} | inherit
|
Establecer de forma simultánea el color de todos los bordes de una caja. Es una propiedad abreviada (shorthand). Se aplica a todos los elementos. |
Estilo
| Propiedad / valores | Descripción |
|---|---|
|
border-top-style none | hidden | dotted | dashed | solid | |
Establece el estilo de cada uno de los cuatro bordes de los elementos. El estilo de los bordes sólo se puede indicar mediante alguna de las palabras reservadas definidas por CSS. Como el valor por defecto de esta propiedad es none. |
|
border-style [none | hidden | dotted | dashed | solid | double | |
Establece el estilo de todos los bordes del elemento al mismo tiempo. Es una propiedad abreviada (shorthand). Se aplica a todos los elementos. |
Propiedades shorthand
| Propiedad / valores | Descripción |
|---|---|
|
border-top [unidad de medida_borde || color_borde || estilo_borde] |
Establece el estilo completo de cada uno de los cuatro bordes de los elementos. Se aplica a todos los elementos. Como el valor por defecto de la propiedad border-style es none, si una propiedad shorthand no establece explícitamente el estilo de un borde, el elemento no muestra ese borde. |
|
border [unidad de medida_borde || color_borde || estilo_borde] |
Establece el estilo completo de todos los bordes de los elementos al mismo tiempo. Se aplica a todos los elementos. Como el valor por defecto de la propiedad border-style es none, si una propiedad shorthand no establece explícitamente el estilo de un borde, el elemento no muestra ese borde. |