Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad border-top-width
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada ancho superior del borde Con sintaxis y ejemplos.
describir
La propiedad CSS border-top-width define el ancho del borde superior de un cuadro.
sintaxis
La sintaxis de la propiedad CSS border-top-width es:
border-top-width: value;parámetro o parámetro
valor
El ancho del borde superior de la caja. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div {ancho superior del borde: 2px; } |
| finamente | Ancho de borde delgado, puede ser 1px o 2px dependiendo del navegador div {borde superior ancho: delgado;} |
| Moderar | Ancho de borde medio, puede ser de 3px o 4px dependiendo del navegador div {borde superior ancho: medio;} |
| Grueso | Ancho de borde grueso, puede ser 5px o 6px según el navegador div {borde-superior-ancho: grueso;} |
notas
- Asegúrese de establecer la propiedad border-top-style para asegurarse de que aparezca su borde superior.
- Consulte también las propiedades border-top-color, border-top-style y border-top.
Compatibilidad del navegador
La propiedad CSS border-top-width tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad border-top-width a continuación, explorando ejemplos de cómo usarla en CSS.
Veamos un ejemplo de configuración del borde superior a un ancho fijo.
div { border-top-width: 2px; border-top-style: solid; }En este ejemplo de estilo de borde superior CSS, establecemos el ancho del borde superior en 2px. Asegúrese de aplicar el estilo superior del borde para que aparezca el borde.
A continuación, intentemos establecer el ancho de nuestro borde superior usando una de las palabras clave de ancho (delgado, medio, grueso).
div { border-top-width: thick; border-top-style: solid; }En este ejemplo de estilo de borde superior, configuramos el borde superior para que sea una línea continua gruesa.