En el desarrollo web, el "borde"La propiedad juega un papel importante. Se pueden utilizar para distinguir o resaltar cosas en un sitio web, lo que hace que sea simple y fácil para los visitantes percibir y actuar en el sitio. Además, el usuario también puede determinar la altura del borde. La altura del borde en CSS en realidad depende de la longitud de las líneas de borde.

A veces, el usuario cree que el borde siempre se aplicará horizontalmente de acuerdo con el límite del elemento. Sin embargo, este concepto es incorrecto. Puede establecer la altura del borde de acuerdo con sus preferencias.

Esta publicación explicará cómo establecer la altura del borde en CSS.

Cómo establecer la altura del borde en CSS?

Para establecer la altura del borde en CSS, el "altura de la líneaSe utiliza la propiedad. Esta propiedad se usa comúnmente para establecer la distancia entre las líneas de texto.

Para este propósito, pruebe las instrucciones mencionadas.

Paso 1: crear un contenedor "div"

Inicialmente, haz un "div"Contenedor con la ayuda del"" elemento. Además, asigne un "clase"Atributo dentro de la etiqueta de apertura del elemento" "y especifique un nombre para la clase de acuerdo con su elección.

Paso 2: inserte un encabezado

A continuación, inserte un encabezado usando cualquier etiqueta de encabezado "

" a "

". En este ejemplo, hemos utilizado el "

Paso 3: Haz una lista

Luego, utiliza el "

"Etiqueta para hacer la lista ordenada y agregar los datos dentro de la lista con la ayuda del"
1. " etiqueta:
   
   

   Lista de pájaros

   
   
   
   
   1. Gallina
   
   
   2. Gorrión
   
   
   3. Cerdo
   
   
   4. Pato
   
   
   5. Loro
   
   
   
   

   Producción

   Paso 4: Establezca la altura del borde en el elemento "div"

   Acceder al "div"Contenedor con la ayuda de la clase".contenido"Y aplique las propiedades CSS mencionadas en el fragmento a continuación:

   .contenido
   relleno: 0 10px;
   Pantalla: bloque en línea;
   Border-izquierda: 4px RGB sólido (6, 21, 228);
   Línea de altura: 18px;
   Color de fondo: Bisque;
   margen: 20px 140px;
   Border-Bottom: 4px RGB sólido (241, 170, 14);
   

   Aquí:

   • "relleno"Especifica un espacio dentro del elemento definido.
   • "mostrar"Está configurado como"bloqueo en línea"Para especificar el comportamiento de visualización del elemento.
   • "zurraLa propiedad se implementa para dibujar el límite en el lado izquierdo.
   • "altura de la línea"Se utiliza para establecer la altura del límite definido de acuerdo con el valor especificado.
   • "color de fondo"Determina el color del fondo del elemento seleccionado.
   • "margen"Determina el espacio alrededor del límite definido.
   • "borde"Se utiliza para establecer la línea de límite en la parte inferior del elemento.

   Producción

   Como resultado, la altura del borde en el "div"El elemento usando CSS se aplica con éxito.

   Conclusión

   Para establecer la altura del borde en CSS, primero, agregue el borde unilateral con la ayuda de "zurra" o "fronterizo"Y aplica el"altura de la línea"Propiedad para especificar la altura del borde. Además, también puede aplicar otras propiedades de CSS para diseñar el elemento. Esta publicación ha demostrado el procedimiento para establecer la altura del borde en CSS.