Propriedade border-bottom-style

A propriedade border-bottom-style define o estilo da borda inferior. Os valores da propriedade são os mesmos que na propriedade border-style.

Sintaxe

cssseletor {
  border-bottom-style: valor;
}

Exemplo

Vamos definir uma borda inferior do tipo dashed:

html<div id="elem"></div>

css#elem {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: black;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

Veja também

propriedade border-bottom-color,
que define a cor da borda inferior
propriedade border-bottom-width,
que define a espessura da borda inferior
propriedade border-bottom,
que define a borda para o lado inferior
propriedade border-width,
que define a espessura de todos os lados da borda