English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A largura do conteúdo do elemento especificado pelo atributo width do CSS. Este conteúdo não inclui preenchimento, borda ou margem. Por favor, consulteModelo de caixa do CSS。
A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.
| Valor padrão: | auto |
|---|---|
| Aplicável a: | Todos os elementos exceto elementos embutidos não substituídos, linhas de tabela e grupos de linhas |
| Herança: | Não |
| Animável: | Sim.Por favor, consulte Atributos de animação。 |
| Versão: | CSS 1，2，3 |
| Sintaxe JavaScript: | object.style.width="280px" |
A sintaxe dessa propriedade é a seguinte:
width: length | percentage | auto | initial | inherit
Os exemplos a seguir demonstram como usar o atributo width.
p {
width: 300px;
background-color: #f0e68c;
}Teste e veja‹/›A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| length | Especifique a largura como um valor de comprimento, usando unidades como px, pt, cm, em, etc. Não é permitido usar valores de comprimento negativos. |
| percentage | Especifique a largura em porcentagem. A porcentagem é calculada com base na largura do bloco contido do elemento. Não é permitido usar valores de porcentagem negativos. |
| auto | O navegador calculará a largura do elemento especificado com base nos valores de outras propriedades. Isso é o valor padrão. |
| initial | Defina essa propriedade como seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor do atributo width do elemento pai. |
Compatibilidade do navegador do atributo width; os números na tabela representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.
|
Por favor, consulte as tutoriais relacionadas ao seguinte conteúdo:Modelo de caixa do CSS，Tamanho do CSS。