propriedade HTML DOM Estilo boxSizing
Exemplos
Alterar as propriedades boxSizing:
document.getElementById("myDIV").style.boxSizing="border-box";
tente »
Definição e Uso
boxSizing propriedade permite que você defina uma partida específica de um determinado elemento de uma área.
Por exemplo, se você precisa colocar dois lado a lado, com uma borda de caixa, ele pode ser preparado por boxSizing definido como "border-box" para alcançar. Isso pode tornar o navegador que mostra uma caixa com a largura especificada e altura, e da fronteira, e estofamento na caixa.
Suporte a navegadores
Internet Explorer, Opera, Chrome e Safari apoio propriedade boxSizing.
Firefox suporta outra alternativa do atributo propriedade que MozBoxSizing propriedade.
gramática
Propriedades volta boxSizing:
object .style.boxSizing
Definindo as propriedades boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
Valor de propriedade
值 | 描述 |
---|---|
content-box | 默认值。这是由 CSS2.1 规定的宽度和高度的行为。设定的宽度和高度(及 min/max 属性)分别应用到元素的内容框的宽度和高度。在设定的宽度和高度之外绘制元素的内边距和边框。 |
border-box | 为元素设定的宽度和高度(及 min/max 属性)决定了元素的边框盒。也就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过把已设定的 'width' 和 'height' 属性分别减去边框和内边距才能得到内容的宽度和高度。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalhes técnicos
padrão: | Conteúdo-box |
---|---|
retorna: | String representando o elemento de propriedade de dimensionamento de box. |
versão CSS | CSS3 |
artigos relacionados
CSS Manual de Referência: Box-Sizing propriedade