manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

CSS caption-Atributo side CSS3 box-Atributo shadow

CSS3 box-Métodos e exemplos de uso da propriedade de dimensionamento

box-A propriedade CSS de dimensionamento é usada para alterar o padrãoModelo de caixa do CSS，os navegadores geralmente usam esse modelo para calcular a largura e a altura dos elementos.

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso nessa propriedade no script JavaScript.

Valor padrão:	content-box
Aplicável a:	Todos os elementos que aceitam largura ou altura
Herança:	Nenhuma
Animável:	Não Ver atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe do JavaScript:	object.style.boxSizing="border-box"

box-Sintaxe de uso do sizing

A sintaxe dessa propriedade é a seguinte:

box-sizing:　content-box　|　padding-box　|　border-box　|　initial　|　inherit

Os seguintes exemplos mostram como usar o box-atributo sizing.

Exemplo

.box　{
　　　　width:　50%;
　　　　padding:　15px;
　　　　float:　left;
　　　　border:　5px　solid　#000;
　　　　box-sizing:　border-box;
}

Teste e veja‹/›

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
content-box	Os valores especificados para width e height incluem apenas o conteúdo do elemento. Não inclui preenchimento, borda ou margem.
padding-box	Os valores especificados para width e height incluem o tamanho do preenchimento, mas não incluem borda ou margem.
border-box	Os valores especificados para width e height incluem preenchimento e borda, mas não incluem margem.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o box do elemento pai-Valores do atributo sizing.

Compatibilidade do navegador

box-Compatibilidade do navegador do atributo sizing, os números na tabela abaixo representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 2+ ^-moz-，29+ Google Chrome 4+ ^-webkit-，10+ Internet Explorer 8+ Apple Safari 3.2+ ^-webkit-，5.1 + Opera 9.5+