English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border do CSS-O atributo bottom do CSS define a largura, estilo e cor do elemento inferior. É usado para definir a borda inferior separadamente, ou seja, uma abreviação de atalho. border-bottom-width,border-bottom-styleeborder-bottom-colorÉ uma declaração de propriedade individual.
A tabela a seguir resume o contexto de uso e histórico de versões dessa propriedade.
Valor padrão: | Ver todas as propriedades |
---|---|
Aplicável a: | Todos os elementos |
Herança: | Não |
Animável: | Sim,Veja referência de propriedade individual。Veja referência Propriedades de animação。 |
Versão: | CSS 1,2,3 |
JavaScript syntax: | object object.style.borderBottom="2px solid red" |
A sintaxe dessa propriedade é a seguinte:
border-bottom: [ border-bottom-width border-bottom-style border-bottom-color ] | initial | inherit
Os exemplos a seguir mostram como usar border-Atributo bottom
h1 {border-bottom: 5px dashed #ff0000;} p {border-bottom: 3px dotted #00ff00;}Teste e veja‹/›
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
border-bottom-width | Defina a largura da borda inferior do elemento. |
border-bottom-style | Defina o estilo da linha da borda inferior do elemento. |
border-bottom-color | Defina a cor da borda inferior do elemento. |
initial | Defina essa propriedade para seu valor padrão. |
inherit | Se especificado, o elemento relacionado usa o valor calculado da propriedade border do elemento pai-bottom。 |
border-Compatibilidade do navegador do atributo bottom, todos os navegadores populares suportam essa propriedade.
|
Ver tutorial:CSS Border,CSS3 Border。
Propriedades relacionadas:border,border-bottom-color,border-bottom-style,border-bottom-width。