width

  • Revision slug: CSS/width
  • Revision title: width
  • Revision id: 182756
  • Created:
  • Creator: Verruckt
  • Is current revision? Não
  • コメント New page: <breadcrumbs></breadcrumbs> {{CSSRef}} == Resumo == A propriedade <code>width</code> é usada para configurar a largura dada a um elemento. * Valor inicial: auto * Aplica-se a: o nível ...

Revision Content

{{template.CSSRef()}}

Resumo

A propriedade width é usada para configurar a largura dada a um elemento.

  • Valor inicial: auto
  • Aplica-se a: o nível do bloco e elementos substituídos
  • Herdado: não
  • Porcentagens: refere-se à largura do bloco que o contém
  • Mídia: Visual

Sintaxe

 width: [ <length> || <percentage> ] auto | inherit

Valores

  • length : pode ser em px, cm, in
  • percentage : % especificado como uma porcentagem da largura do elemento pai
  • auto : o navegador calculará e selecionará uma largura para o elemento especificado.

Exemplos

{{template.CSSRefExampleLink("width")}}

table{width: 100%;}

img{width: 200px;}

form{width: auto;}

== Notas ==

Especificações

Compatibilidade com navegadores

Navegador Versão mais antiga
Internet Explorer 4
Netscape 4
Opera 3.5

Veja também

box model, {{template.Cssxref("height")}}, {{template.Cssxref("-moz-box-sizing")}}

Categorias

Interwiki Language Links

{{ wiki.languages( { "en": "en/CSS/width", "fr": "fr/CSS/width" } ) }}

Revision Source

<p>
{{template.CSSRef()}}
</p>
<h3 name="Resumo"> Resumo </h3>
<p>A propriedade <code>width</code> é usada para configurar a largura dada a um elemento.
</p>
<ul><li> Valor inicial: auto
</li><li> Aplica-se a: o nível do bloco e elementos substituídos
</li><li> Herdado: não
</li><li> Porcentagens: refere-se à largura do bloco que o contém
</li><li> Mídia: <a href="pt/CSS/Media/Visual">Visual</a>
</li></ul>
<h3 name="Sintaxe"> Sintaxe </h3>
<pre class="eval"> width: [ &lt;length&gt; || &lt;percentage&gt; ] auto | inherit
</pre>
<h3 name="Valores"> Valores </h3>
<ul><li> <b>length</b> : pode ser em px, cm, in 
</li><li> <b>percentage</b> : % especificado como uma porcentagem da largura do elemento pai
</li><li> <b>auto</b> : o navegador calculará e selecionará uma largura para o elemento especificado.
</li></ul>
<h3 name="Exemplos"> Exemplos </h3>
<p>{{template.CSSRefExampleLink("width")}}
</p>
<pre>table{width: 100%;}

img{width: 200px;}

form{width: auto;}
</pre>
<p><span class="comment">== Notas ==</span>
</p>
<h3 name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#width">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property">CSS 2.1</a>
</li></ul>
<h3 name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navegador</th>
    <th>Versão mais antiga</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>3.5</td>
  </tr>
</tbody></table>
<h3 name="Veja_tamb.C3.A9m"> Veja também </h3>
<p><a href="pt/CSS/box_model">box model</a>,
{{template.Cssxref("height")}},
{{template.Cssxref("-moz-box-sizing")}}
</p><p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/width", "fr": "fr/CSS/width" } ) }}
Revert to this revision