blob: 97c22028be6f1d023d96ee0c504e01b3369bd4a5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
---
title: Referência de CSS
slug: Web/CSS/Reference
translation_of: Web/CSS/Reference
original_slug: Web/CSS/CSS_Reference
---
{{CSSRef}}
<p>Use esta <strong>referência de CSS</strong> para navegar por um índice alfabético das propriedades padrão do <a href="/en/CSS" title="CSS">CSS</a>, <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-classes</a>, <a href="/en/CSS/Pseudo-elements" title="Pseudo-elements">pseudo-elementos</a>, tipos de dados e <a href="/en/CSS/At-rule" title="At-rule">@-rules</a>.</p>
<p>Esta referência lista não somente as propriedades do CSS1 e CSS2.1, mas também referências para qualquer propriedade, conceito padronizado ou estabilizado do CSS3.</p>
<p>Veja também <a href="/en/CSS/CSS_Reference/Mozilla_Extensions" title="en/CSS_Reference/Mozilla_Extensions">Extensões CSS Mozilla </a>para propriedades específicas do Gecko prefixadas com <code>-moz</code> e <a href="/en/CSS/CSS_Reference/Webkit_Extensions" title="WebKit extensions">Extensões CSS do WebKit</a> para propriedades específicas do WebKit. Veja <a class="external" href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">Visão geral de propriedades CSS prefixadas por distribuidor</a> por Peter Beverloo para todas as propriedades prefixadas.</p>
<p>{{ CSS_Ref() }}</p>
<h2 id="Seletores">Seletores</h2>
<ul>
<li>Seletores básicos
<ul>
<li><a class="internal" href="/en/CSS/Type_selectors" title="en/CSS/Type selectors">Seletores de tipo</a> <code>elementname</code></li>
<li><a class="internal" href="/En/CSS/Class_selectors" title="en/CSS/Class selectors">Seletores de classe</a> <code>.classname</code></li>
<li><a class="internal" href="/En/CSS/ID_selectors" title="en/CSS/ID selectors">Seletores de ID</a> <code>#idname</code></li>
<li><a class="internal" href="/en/CSS/Universal_selectors" title="en/CSS/Universal selectors">Seletores universais</a> <code>* ns|* *|*</code></li>
<li><a class="internal" href="/en/CSS/Attribute_selectors" title="en/CSS/Attribute selectors">Seletores de atributo</a>
<ul style="-moz-column-width: 14em; -webkit-columns: 14em; margin: 0; padding: 0; list-style-type: none;">
<li><code>[attribute]</code></li>
<li><code>[attribute="value"]</code></li>
<li><code>[attribute~="value"]</code></li>
<li><code>[attribute|="value"] </code></li>
<li><code>[attribute^="value"]</code></li>
<li><code>[attribute$="value"]</code></li>
<li><code>[attribute*="value"] </code></li>
<li><code>[ns|attribute]</code></li>
</ul>
</li>
</ul>
</li>
<li>Combinadores
<ul>
<li><a class="internal" href="/en/CSS/Adjacent_sibling_selectors" title="en/CSS/Adjacent sibling selectors">Combinadores equivalentes adjacentes</a> <code>A + B</code></li>
<li><a class="internal" href="/En/CSS/General_sibling_selectors" title="en/CSS/General sibling selectors">Combinadores equivalentes gerais</a> <code>A ~ B</code></li>
<li><a class="internal" href="/en/CSS/Child_selectors" title="en/CSS/Child selectors">Combinadores filhos</a> <code>A > B</code></li>
<li><a class="internal" href="/en/CSS/Descendant_selectors" title="en/CSS/Descendant selectors">Combinadores descendentes</a> <code>A B</code></li>
</ul>
</li>
<li><a class="internal" href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">Pseudo-elementos</a></li>
<li><a href="/en/CSS/Pseudo-classes" title="Pseudo-classes"><span class="internal">Pseudo-classes</span></a></li>
</ul>
<h2 id="Miscelânea">Miscelânea</h2>
<ul>
<li>{{ Cssxref("Comments") }}</li>
<li><a class="internal" href="/en/CSS/Media_queries" title="En/CSS/Media queries">Consultas de mídias</a></li>
<li><a href="/en/CSS_Counters" title="CSS Counters">Contadores</a></li>
<li><a href="/en/CSS/Using_CSS_gradients" title="Using gradients">Gradientes</a></li>
<li><a href="/En/CSS/Using_CSS_transforms" title="https://developer.mozilla.org/En/CSS/Using_CSS_transforms">Transformações</a></li>
</ul>
<h2 id="Conceitos">Conceitos</h2>
<ul>
<li><a href="/en/CSS/Syntax" title="Syntax">Sintaxe do CSS</a></li>
<li><a href="/en/CSS/At-rule" title="en/CSS/At-rule">Regra At</a></li>
<li><a href="/en/CSS/Comments" title="en/CSS/Comments">Comentários</a></li>
<li><a class="internal" href="/en/CSS/Specificity" title="en/CSS/specificity">Especificidade</a></li>
<li><a class="internal" href="/en/CSS/initial_value" title="en/CSS/initial value">Valor inicial</a></li>
<li><a class="internal" href="/en/CSS/inheritance" title="en/CSS/inheritance">Herança</a></li>
<li><a class="internal" href="/en/CSS/specified_value" title="en/CSS/specified value">Valor especificado</a></li>
<li><a class="internal" href="/en/CSS/computed_value" title="en/CSS/computed value">Valor computado</a></li>
<li><a class="internal" href="/en/CSS/used_value" title="en/CSS/used value">Valor usado</a></li>
<li><a class="internal" href="/en/CSS/actual_value" title="en/CSS/actual value">Valor corrente</a></li>
<li><a class="internal" href="/en/CSS/box_model" title="en/CSS/box model">Modelo de caixa</a></li>
</ul>
|
