No desenvolvimento da web, o “fronteira”Propriedade desempenha um papel significativo. Eles podem ser utilizados para distinguir ou destacar coisas em um site, o que torna simples e fácil para os visitantes perceberem e agirem no site. Além disso, o usuário também pode determinar a altura da borda. A altura da borda no CSS realmente depende do comprimento das linhas de borda.

Às vezes, o usuário acha que a fronteira sempre será aplicada horizontalmente de acordo com o limite do elemento. No entanto, esse conceito está errado. Você pode definir a altura da borda de acordo com suas preferências.

Este post explicará como definir a altura da borda no CSS.

Como definir a altura da borda no CSS?

Para definir a altura da borda no CSS, o “altura da linha”Propriedade é usada. Esta propriedade é comumente usada para definir a distância entre as linhas de texto.

Para esse fim, experimente as instruções mencionadas.

Etapa 1: Crie um contêiner "div"

Inicialmente, faça um “div“Contêiner com a ajuda do“" elemento. Além disso, atribua um “aula”Atributo dentro da etiqueta de abertura do elemento“ ”e especifique um nome para a classe de acordo com sua escolha.

Etapa 2: Insira um título

Em seguida, insira um título usando qualquer tag de título “

" para "

”. Neste exemplo, utilizamos o “

Etapa 3: Faça uma lista

Então, utilize o “

”Tag para fazer a lista ordenada e adicionar os dados dentro da lista com a ajuda do“
1. " marcação:
   
   

   Lista de pássaros

   
   
   
   
   1. Galinha
   
   
   2. Pardal
   
   
   3. Suíno
   
   
   4. Pato
   
   
   5. Papagaio
   
   
   
   

   Saída

   Etapa 4: defina a altura da borda no elemento “div”

   Acesse o "div“Container com a ajuda da classe“.contente”E aplique as propriedades CSS mencionadas no snippet abaixo:

   .contente
   preenchimento: 0 10px;
   Exibição: bloco embutido;
   Interação da borda: 4px RGB sólido (6, 21, 228);
   altura de linha: 18px;
   Background-Color: Bisque;
   Margem: 20px 140px;
   fundo de borda: 4px RGB sólido (241, 170, 14);
   

   Aqui:

   • ““preenchimento”Especifica um espaço dentro do elemento definido.
   • ““mostrar"É definido como"Block inline”Para especificar o comportamento de exibição do elemento.
   • ““borda esquerda”A propriedade é implantada para desenhar o limite no lado esquerdo.
   • ““altura da linha”É utilizado para definir a altura da fronteira definida de acordo com o valor especificado.
   • ““cor de fundo”Determina a cor do fundo do elemento selecionado.
   • ““margem”Determina o espaço ao redor do limite definido.
   • ““fundo de fronteira”É utilizado para definir a linha de limite no lado inferior do elemento.

   Saída

   Como resultado, a altura da borda no “div”O elemento usando CSS é aplicado com sucesso.

   Conclusão

   Para definir a altura da borda no CSS, primeiro, adicione a fronteira unilateral com a ajuda de “borda esquerda" ou "fronteira-direita”E aplique o“altura da linhaPropriedade para especificar a altura da fronteira. Além disso, você também pode aplicar outras propriedades CSS para modelar o elemento. Este post demonstrou o procedimento para definir a altura da borda no CSS.