aboutsummaryrefslogtreecommitdiff
path: root/files/pt-pt/web/css/font/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-pt/web/css/font/index.html')
-rw-r--r--files/pt-pt/web/css/font/index.html140
1 files changed, 140 insertions, 0 deletions
diff --git a/files/pt-pt/web/css/font/index.html b/files/pt-pt/web/css/font/index.html
new file mode 100644
index 0000000000..e212941e9f
--- /dev/null
+++ b/files/pt-pt/web/css/font/index.html
@@ -0,0 +1,140 @@
+---
+title: font
+slug: Web/CSS/font
+tags:
+ - Referencia_CSS
+translation_of: Web/CSS/font
+---
+<p>{{ CSSRef() }}</p>
+
+<h3 id="Resumo" name="Resumo">Resumo</h3>
+
+<p>The font property is a shorthand property for setting {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }}, {{ Cssxref("line-height") }} and {{ Cssxref("font-family") }} at the same place in the style sheet.</p>
+
+<ul>
+ <li>Valor inicial: refere-se a propriedades individuais</li>
+ <li>Aplica-se a: todos os elementos</li>
+ <li>Herdado: sim</li>
+ <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
+</ul>
+
+<p> </p>
+
+<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
+
+<p><code>font:</code> [ &lt;<a href="pt/CSS/font-style">font-style</a>&gt; || &lt;<a href="pt/CSS/font-variant">font-variant</a>&gt; || &lt;<a href="pt/CSS/font-weight">font-weight</a>&gt; ]? &lt;<a href="pt/CSS/font-size">font-size</a>&gt; [ / &lt;<a href="pt/CSS/line-height">line-height</a>&gt; ]? &lt;<a href="pt/CSS/font-family">font-family</a>&gt;</p>
+
+<p><code>font:</code> <code>caption</code> | <code>icon</code> | <code>menu</code> | <code>message-box</code> | <code>small-caption</code> | <code>status-bar</code> | <code>-moz-window</code> | <code>-moz-document</code> | <code>-moz-workspace</code> | <code>-moz-desktop</code> | <code>-moz-info</code> | <code>-moz-dialog</code> | <code>-moz-button</code> | <code>-moz-pull-down-menu</code> | <code>-moz-list</code> | <code>-moz-field</code></p>
+
+<p><code>font:</code> {{ Cssxref("inherit") }}</p>
+
+<h3 id="Valores" name="Valores">Valores</h3>
+
+<p>Using the {{ Cssxref("font") }} shorthand property sets the longhand properties as specified, and sets all other font-related properties to their initial values.</p>
+
+<p>See {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }}, and {{ Cssxref("font-family") }} for legal values of each property.</p>
+
+<p>System fonts can also be specified using the {{ Cssxref("font") }} property,<em>instead of</em> specifying individual longhand properties:</p>
+
+<dl>
+ <dt>caption </dt>
+ <dd>The font used for captioned controls (e.g., buttons, drop-downs, etc.).</dd>
+ <dt>icon </dt>
+ <dd>The font used to label icons.</dd>
+ <dt>menu </dt>
+ <dd>The font used in menus (e.g., dropdown menus and menu lists).</dd>
+ <dt>message-box </dt>
+ <dd>The font used in dialog boxes.</dd>
+ <dt>small-caption </dt>
+ <dd>The font used for labeling small controls.</dd>
+ <dt>status-bar </dt>
+ <dd>The font used in window status bars.</dd>
+ <dt>-moz-window </dt>
+ <dd> </dd>
+ <dt>-moz-document </dt>
+ <dd> </dd>
+ <dt>-moz-workspace </dt>
+ <dd> </dd>
+ <dt>-moz-desktop </dt>
+ <dd> </dd>
+ <dt>-moz-info </dt>
+ <dd> </dd>
+ <dt>-moz-dialog </dt>
+ <dd> </dd>
+ <dt>-moz-button </dt>
+ <dd> </dd>
+ <dt>-moz-pull-down-menu </dt>
+ <dd> </dd>
+ <dt>-moz-list </dt>
+ <dd> </dd>
+ <dt>-moz-field </dt>
+ <dd> </dd>
+</dl>
+
+<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
+
+<p><a href="/samples/cssref/font.html">View Live Examples</a></p>
+
+<pre>/* Set the font size to 12pt and the line height to 14pt. Set the font family to sans-serif */
+p { font: 12pt/14pt sans-serif }
+</pre>
+
+<pre>/* Set the font size to 80% of the parent tag or default value (if no parent tag present)
+and set the font family to sans-serif */
+p { font: 80% sans-serif }
+</pre>
+
+<pre>/* Set the font weight to bold, the font-style to italic, the font size to large,
+and the font family to serif. */
+p { font: bold italic large serif }
+</pre>
+
+<h3 id="Notas" name="Notas">Notas</h3>
+
+<p>The {{ Cssxref("font-size") }} and {{ Cssxref("font-family") }} parts of the shorthand are mandatory. Omitting them is a syntax error, and causes the entire declaration to be ignored.</p>
+
+<p>Properties for which no values are given are set to their initial value, which is <code>normal</code> for all properties that can be omitted ({{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, and {{ Cssxref("line-height") }}).</p>
+
+<p>The {{ Cssxref("font-size-adjust") }} property is also set to its initial value (<code>none</code>) when the {{ Cssxref("font") }} shorthand property is specified.</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#font">CSS 1</a></li>
+ <li><a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#propdef-font">CSS 2</a> (for {{ Cssxref("font-size-adjust") }})</li>
+ <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font">CSS 2.1</a></li>
+ <li><a class="external" href="http://www.w3.org/TR/css3-ui/#font">css3-ui</a> (for new system font values)</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ão mais antiga</th>
+ </tr>
+ <tr>
+ <td>Internet Explorer</td>
+ <td>3</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("font") }} {{ Cssxref("font-family") }}, {{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("line-height") }}</p>
+
+<p><span class="comment">Categorias</span></p>
+
+<p><span class="comment">Interwiki Language Links</span></p>
+
+<p>{{ languages( { "en": "en/CSS/font", "fr": "fr/CSS/font", "pl": "pl/CSS/font" } ) }}</p>