CSS: propiedad border-top-width

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:

valordescribir
establevalor fijo en px, em, …
div {ancho superior del borde: 2px; }
finamenteAncho de borde delgado, puede ser 1px o 2px dependiendo del navegador
div {borde superior ancho: delgado;}
ModerarAncho de borde medio, puede ser de 3px o 4px dependiendo del navegador
div {borde superior ancho: medio;}
GruesoAncho 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.

(Visited 13 times, 1 visits today)