---
title: border
slug: Web/CSS/border
tags:
  - Referencia_CSS
translation_of: Web/CSS/border
---
<p>
{{ CSSRef() }}
</p>
<h3 id="Resumo" name="Resumo"> Resumo </h3>
<p>A propriedade <code>border</code> é uma propriedade para ajustar os valores de propriedades individuais da borda em um único elemento na folha do estilo. <code>border</code> pode ser usado com as seguintes propriedades adicionais: {{ Cssxref("border-width") }}, {{ Cssxref("border-style") }}, {{ Cssxref("border-color") }}.
</p>
<ul><li> Valor inicial: veja propriedades individuais para detalhes;
</li><li> Aplica-se a: todos elementos;
</li><li> Herdado: não;
</li><li> Porcentagem: N/A;
</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>;
</li><li> Valor computado: veja propriedades individuais para detalhes.
</li></ul>
<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
<pre class="eval">border: [<i>border-width</i> || <i>border-style</i> || <i>border-color</i> | <i>inherit</i>] ;
</pre>
<h3 id="Valores" name="Valores"> Valores </h3>
<dl><dt> border-width</dt><dd> Ver {{ Cssxref("border-width") }}.
</dd><dt> border-style </dt><dd> Ver {{ Cssxref("border-style") }}.
</dd><dt> border-color </dt><dd> Ver {{ Cssxref("border-color") }}.
</dd></dl>
<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
<p><a class="external" href="http://developer.mozilla.org/samples/cssref/border.html">Exemplos</a>
</p>
<pre>elemento {
    border: 1px solid #000;
}
</pre>
<h3 id="Notas" name="Notas"> Notas </h3>
<p>Quando as propriedades {{ Cssxref("border-width") }}, {{ Cssxref("border-style") }}, e {{ Cssxref("border-color") }} aceitarem acima de quatro valores, esta propriedade aceitará somente um valor para cada propriedade.
</p>
<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#border">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#box-border-area">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#the-border-shorthands">CSS 3</a>
</li></ul>
<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
<table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versões mais antigas</th> </tr> <tr> <td>Internet Explorer</td> <td>4</td> </tr> <tr> <td>Firefox</td> <td>1</td> </tr> <tr> <td>Netscape</td> <td>4</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr>
</tbody></table>
<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{ Cssxref("border") }}
</p><p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ languages( { "en": "en/CSS/border", "fr": "fr/CSS/border", "pl": "pl/CSS/border" } ) }}