
La propiedad border-top-width CSS establece el ancho del marco superior del elemento.
Funciones border-top-width css
Valor inicial | medium |
---|---|
Aplicado a | Todos los artículos. |
Heredable | No |
Móvil | Sí |
Valor calculado | Longitud absoluta, o 0 si la propiedad se establece border-top-style en none o hidden . |
/* palabras clave */ border-top-width: thin; border-top-width: medium; border-top-width: thick; /* <longitud> longitudes */ border-top-width: 10em; border-top-width: 3vmax; border-top-width: 6px; /* valores globales */ border-top-width: inherit; border-top-width: initial; border-top-width: unset;
Ejemplos y aplicaciones en código
En el siguiente ejemplo, estableceremos un marco superior para los elementos que son azul <div>
( border-top-color
), su ancho ( border-top-width
) es igual 5px
y su forma ( border-top-style
) tiene puntos.
Código HTML:
< div > Este elemento tiene un marco en su borde superior </ div >
Código CSS:
div { border-top-style: dotted; border-top-width: 5px; border-top-color: blue; padding: 0.6em; }
Soporte de navegadores
Característica | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 1.0 | 1.0 | 4.0 | 3,5 | 1.0 |
Características generales
<br-width>
Este valor define el ancho del marco, ya sea una longitud <length>
no negativa o una palabra reservada. Se pueden utilizar las siguientes palabras reservadas:
thin | marco delgado |
medium | marco mediano |
thick | marco grueso |
Nota: Debido a que la especificación no especifica cuál es el valor exacto asociado con cada palabra reservada, el resultado puede variar según el navegador, pero no obstante, estos valores seguirán la relación thin ≤ medium ≤ thick
y los valores serán consistentes entre sí en el documento.
Estructura border-top-width css
border-top-width: <br-width>;
dónde:
<br-width> = <length> | thin | medium | thick
Consulte también
- La página de propiedades establecida por la propiedad de acceso directo
border-top
:border-top-color
yborder-top-style
. - La página de propiedades establecido por la propiedad de acceso directo
border
:border-width
,border-style
yborder-color
. - Configure una imagen para el marco usando la función
border-image
. - Esquinas redondeadas y
border-radius
esquinas superiores (border-top-left-radius
yborder-top-right-radius
)
- Característica Box Sizing en CSS
- Característica del Margin en CSS
- Diferencias entre SASS y SCSS
- Característica del Padding en CSS
- Característica de Opacity en CSS
- Característica del Overflow en CSS
- Característica del Color en el CSS
- Característica del Background en CSS
- Característica de Border en CSS
- Característica del CSS Bottom
- Característica del CSS Display
- Características padding en CSS
- ¿Qué es el código CSS y en que se utiliza?
- Característica background-attachment en CSS
- Propiedad clear en CSS
- Característica background-blend-mode en CSS
- Característica background-clip en CSS
- Propiedades float en CSS
- Característica background-color en CSS
- Característica background-image en CSS
- Característica background-origin en CSS
- Característica background-repeat en CSS
- Característica background-size en CSS
- Característica background-position en CSS
- Característica box-shadow en CSS
- Característica border-bottom en CSS
- Característica border-bottom-color en CSS
- Característica border-bottom-style en CSS
- Característica border-bottom-width en CSS
- Característica border-color en CSS
- Característica border-image en CSS
- Característica border-image-outset en CSS
- Característica border-image-repeat en CSS
- Característica border-image-slice en CSS
- Característica border-image-source en CSS
- Características border-image-width en CSS
- Características border-left en CSS
- Característica border-left-color en CSS
- Característica border-left-style en CSS
- Característica border-left-width en CSS
- Característica border-right en CSS
- Características border-right-color en CSS