CSS3 box-sizing propriedade
Exemplos
Duas caixas de fronteira designado:
div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
| 属性 | |||||
|---|---|---|---|---|---|
| box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.2 -webkit- |
9.5 |
Atributo definições e instruções
box-sizing propriedade permite definir certos elementos de alguma forma a adaptar-se à área designada.
Por exemplo, se você precisa colocar dois lado a lado com uma caixa de fronteira pela caixa-sizing para "border-box". Isso pode tornar o navegador que mostra uma caixa com a largura especificada e altura, e da fronteira, e estofamento na caixa.
| padrão: | Conteúdo-box |
|---|---|
| herança: | não |
| versão: | CSS3 |
| sintaxe JavaScript: | objeto .style.boxSizing = "border-box" |
gramática
box-sizing: content-box | border-box | herdar:
| valor | explicação |
|---|---|
| Conteúdo-box | Este é o comportamento da largura e altura especificada CSS2.1. Largura e altura (min / atributo max) elemento adequado para largura da caixa e altura especificadas. Preenchimento e fronteiras, e layouts de desenho especificar a largura e altura do elemento excepto |
| border-box | Especifica a largura e altura (min / atributo max) para determinar beira caixa do elemento. Em outras palavras, os elementos especificado largura e altura incluindo a designação do preenchimento e borda. Largura e altura do conteúdo menos os respectivos lados da fronteira e encher é calculado a partir da largura "width" e "height" atributo especificado |
| herdar | Valor especifica a propriedade de dimensionamento de caixa deve ser herdado do elemento pai |
artigos relacionados
CSS3 tutorial: CSS3 a interface do usuário
