border-top
Resumen
La propiedad de CSS border-top
es una abreviatura que establece los valores de border-top-color
, border-top-style
, y border-top-width
. Estas propiedades las características del borde superior de un elemento.
Nota: Los tres valores de la abreviatura pueden ser especificados en cualquier orden, y uno o dos de ellos pueden ser omitidos.
Como con todas las propiedades abreviadas, border-top siempre establece los valores de todas las propiedades que sean posibles, aun si no están especificadas. Establece aquellas que no son especificadas a sus valores por defecto. Esto significa que:
border-top: none thick green;
es lo mismo que
border-top: thick green;
y el valor de border-top-style
establecido antes de border-top
es ignorado.
El no especificar la parte de border-style que está destinada a establecer el valor de border-top-style
significa que se tomará el valor por defecto, lo que significa que el border-top-style
será none.
También hay que tomar en cuenta que en el siguiente bloque de código se ignorará la primer asignación de border-top-style
dado que al indicar border-top
se establecerá implicitamente el valor de border-top-style
a none
border-top-style: dotted;
border-top: thick green;
Valor inicial | as each of the properties of the shorthand:
|
---|---|
Applies to | all elements. It also applies to ::first-letter . |
Heredable | no |
Valor calculado | as each of the properties of the shorthand:
|
Animation type | as each of the properties of the shorthand:
|
Sintaxis
border-top: 1px;
border-top: 2px dotted;
border-top: medium dashed green;
Valores
<br-width>
-
See
border-top-width
. <br-style>
-
See
border-top-style
. <color>
-
See
border-top-color
.
Sintaxis formal
Ejemplos
element {
border-top: 1px solid #000;
}
Especificaciones
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # border-shorthands |
Compatibilidad con navegadores
BCD tables only load in the browser