mozilla

Comparar revisões

Referência CSS

Change Revisions

Revisão 281676:

Revisão 281676 por Moacir Bispo a

Revisão 225708:

Revisão 225708 por Moacir Bispo a

Título:
Referência CSS
Referência CSS
Slug:
Referência_CSS
Referência_CSS
Etiquetas:
css, Todas_as_Categorias, PrecisaDeConteúdo, Refência_CSS
Conteúdo:

Revisão 281676
Revisão 225708
t7    <div class="note">t
8      <p>
9        Este é um trabalho em progresso. Se você deseja ajudar a 
>escrever alguma destas páginas listadas abaixo, você é mais que b 
>em-vindo a ajudar. 
10      </p>
11      <p>
12        Se você está indo adicionar uma página, por favor copie e
> cole o conteúdo de <a href="pt/Refer%c3%aancia_CSS/Propriedades_ 
>do_modelo">Referência CSS:Propriedades do modelo</a> e modifique  
>como requerido. 
13      </p>
14      <p>
15        O modelo básico para páginas de exemplos pode ser encontr
>ado aqui: <a class="external" href="http://developer.mozilla.org/ 
>samples/cssref/TEMPLATE.html">TEMPLATE.html</a>. Somente copie o  
>código do arquivo, modifique como requerido, e então envie um ema 
>il com as páginas de exemplo e quaisquer arquivos relacionados pa 
>ra <a class="link-mailto" href="mailto:deb@mozilla.com">deb@mozil 
>la.com</a> para atualização. 
16      </p>
17      <p>
18        Se você tem questões ou sugestões, por favor sinta-se liv
>re para discutir isto na página <a href="Talk:pt/CSS_Reference">T 
>alk:CSS Reference</a>. 
19      </p>
20      <p>
21        As referências primárias que estou usando no momento são:
22      </p>
23      <ul>
24        <li>
25          <a class="external" href="http://www.w3.org/TR/CSS21/">
>W3C Cascading Style Sheets, nível 2 revisão 1</a> (principal) 
26        </li>
27        <li>
28          <a class="external" href="http://www.w3.org/TR/CSS1">W3
>C Cascading Style Sheets, nível 1</a> (secundária) 
29        </li>
30        <li>
31          <a class="external" href="http://www.w3.org/Style/CSS/c
>urrent-work">W3C Cascading Style Sheets (notas em CSS3)</a> (onde 
> útil/interessante) 
32        </li>
33      </ul>
34      <p>
35        O objetivo atual é para este documento proporcionar compr
>eensível, detalhada e precisa informação de referência para o CSS 
> até ao menos o Nível 2, Revisão 1. 
36      </p>
37      <p>
38        <i>Por favor não copie ou plagie materias com copyright s
>em uma permissão escrita do autor. Por favor escreva conteúdo ori 
>ginal e limpo para esta referência. Obrigado.</i> 
39      </p>
40      <p>
41        -- <a href="User:Dria">dria</a> 11:39, 17 October 2005 (P
>DT) 
42      </p>
43      <p>
44        Nota: por favor use o <a href="Template:Cssxref">Template
>:cssxref</a> para ligar as propriedades desta referência, por exe 
>mplo: <span class="nowiki">{{cssxref|color}}</span>. Fazendo entã 
>o resultados mais concisos na marcação wiki e estilo consistente  
>através da referência. 
45      </p>
46      <p>
47        -- <a href="User:Nickolay">Nickolay</a> 16:33, 23 Septemb
>er 2006 (PDT) 
48      </p>
49    </div>
50    <h3 id="Propriedades" name="Propriedades">
51      Propriedades
52    </h3>
53    <ul>
54      <li>
55        <a href="pt/CSS/azimuth">azimuth</a>
56      </li>
57      <li>
58        <a href="pt/CSS/background">background</a>
59      </li>
60      <li>
61        <a href="pt/CSS/background-attachment">background-attachm
>ent</a> 
62      </li>
63      <li>
64        <a href="pt/CSS/background-color">background-color</a>
65      </li>
66      <li>
67        <a href="pt/CSS/background-image">background-image</a>
68      </li>
69      <li>
70        <a href="pt/CSS/background-position">background-position<
>/a> 
71      </li>
72      <li>
73        <a href="pt/CSS/background-repeat">background-repeat</a>
74      </li>
75      <li>
76        <a href="pt/CSS/border">border</a>
77      </li>
78      <li>
79        <a href="pt/CSS/border-bottom">border-bottom</a>
80      </li>
81      <li>
82        <a href="pt/CSS/border-bottom-color">border-bottom-color<
>/a> 
83      </li>
84      <li>
85        <a href="pt/CSS/border-bottom-style">border-bottom-style<
>/a> 
86      </li>
87      <li>
88        <a href="pt/CSS/border-bottom-width">border-bottom-width<
>/a> 
89      </li>
90      <li>
91        <a href="pt/CSS/border-collapse">border-collapse</a>
92      </li>
93      <li>
94        <a href="pt/CSS/border-color">border-color</a>
95      </li>
96      <li>
97        <a href="pt/CSS/border-left">border-left</a>
98      </li>
99      <li>
100        <a href="pt/CSS/border-left-color">border-left-color</a>
101      </li>
102      <li>
103        <a href="pt/CSS/border-left-style">border-left-style</a>
104      </li>
105      <li>
106        <a href="pt/CSS/border-left-width">border-left-width</a>
107      </li>
108      <li>
109        <a href="pt/CSS/border-right">border-right</a>
110      </li>
111      <li>
112        <a href="pt/CSS/border-right-color">border-right-color</a
>> 
113      </li>
114      <li>
115        <a href="pt/CSS/border-right-style">border-right-style</a
>> 
116      </li>
117      <li>
118        <a href="pt/CSS/border-right-width">border-right-width</a
>> 
119      </li>
120      <li>
121        <a href="pt/CSS/border-spacing">border-spacing</a>
122      </li>
123      <li>
124        <a href="pt/CSS/border-style">border-style</a>
125      </li>
126      <li>
127        <a href="pt/CSS/border-top">border-top</a>
128      </li>
129      <li>
130        <a href="pt/CSS/border-top-color">border-top-color</a>
131      </li>
132      <li>
133        <a href="pt/CSS/border-top-style">border-top-style</a>
134      </li>
135      <li>
136        <a href="pt/CSS/border-top-width">border-top-width</a>
137      </li>
138      <li>
139        <a href="pt/CSS/border-width">border-width</a>
140      </li>
141      <li>
142        <a href="pt/CSS/bottom">bottom</a>
143      </li>
144      <li>
145        <a href="pt/CSS/caption-side">caption-side</a>
146      </li>
147      <li>
148        <a href="pt/CSS/clear">clear</a>
149      </li>
150      <li>
151        <a href="pt/CSS/clip">clip</a>
152      </li>
153      <li>
154        <a href="pt/CSS/color">color</a>
155      </li>
156      <li>
157        <a href="pt/CSS/content">content</a>
158      </li>
159      <li>
160        <a href="pt/CSS/counter-increment">counter-increment</a>
161      </li>
162      <li>
163        <a href="pt/CSS/counter-reset">counter-reset</a>
164      </li>
165      <li>
166        <a href="pt/CSS/cue">cue</a>
167      </li>
168      <li>
169        <a href="pt/CSS/cue-after">cue-after</a>
170      </li>
171      <li>
172        <a href="pt/CSS/cue-before">cue-before</a>
173      </li>
174      <li>
175        <a href="pt/CSS/cursor">cursor</a>
176      </li>
177      <li>
178        <a href="pt/CSS/direction">direction</a>
179      </li>
180      <li>
181        <a href="pt/CSS/display">display</a>
182      </li>
183      <li>
184        <a href="pt/CSS/elevation">elevation</a>
185      </li>
186      <li>
187        <a href="pt/CSS/empty-cells">empty-cells</a>
188      </li>
189      <li>
190        <a href="pt/CSS/float">float</a>
191      </li>
192      <li>
193        <a href="pt/CSS/font">font</a>
194      </li>
195      <li>
196        <a href="pt/CSS/font-family">font-family</a>
197      </li>
198      <li>
199        <a href="pt/CSS/font-size">font-size</a>
200      </li>
201      <li>
202        <a href="pt/CSS/font-size-adjust">font-size-adjust</a>
203      </li>
204      <li>
205        <a href="pt/CSS/font-stretch">font-stretch</a>
206      </li>
207      <li>
208        <a href="pt/CSS/font-style">font-style</a>
209      </li>
210      <li>
211        <a href="pt/CSS/font-variant">font-variant</a>
212      </li>
213      <li>
214        <a href="pt/CSS/font-weight">font-weight</a>
215      </li>
216      <li>
217        <a href="pt/CSS/height">height</a>
218      </li>
219      <li>
220        <a href="pt/CSS/left">left</a>
221      </li>
222      <li>
223        <a href="pt/CSS/letter-spacing">letter-spacing</a>
224      </li>
225      <li>
226        <a href="pt/CSS/line-height">line-height</a>
227      </li>
228      <li>
229        <a href="pt/CSS/list-style">list-style</a>
230      </li>
231      <li>
232        <a href="pt/CSS/list-style-image">list-style-image</a>
233      </li>
234      <li>
235        <a href="pt/CSS/list-style-position">list-style-position<
>/a> 
236      </li>
237      <li>
238        <a href="pt/CSS/list-style-type">list-style-type</a>
239      </li>
240      <li>
241        <a href="pt/CSS/margin">margin</a>
242      </li>
243      <li>
244        <a href="pt/CSS/margin-bottom">margin-bottom</a>
245      </li>
246      <li>
247        <a href="pt/CSS/margin-left">margin-left</a>
248      </li>
249      <li>
250        <a href="pt/CSS/margin-right">margin-right</a>
251      </li>
252      <li>
253        <a href="pt/CSS/margin-top">margin-top</a>
254      </li>
255      <li>
256        <a href="pt/CSS/marker-offset">marker-offset</a>
257      </li>
258      <li>
259        <a href="pt/CSS/marks">marks</a>
260      </li>
261      <li>
262        <a href="pt/CSS/max-height">max-height</a>
263      </li>
264      <li>
265        <a href="pt/CSS/max-width">max-width</a>
266      </li>
267      <li>
268        <a href="pt/CSS/min-height">min-height</a>
269      </li>
270      <li>
271        <a href="pt/CSS/min-width">min-width</a>
272      </li>
273      <li>
274        <a href="pt/CSS/orphans">orphans</a>
275      </li>
276      <li>
277        <a href="pt/CSS/outline">outline</a>
278      </li>
279      <li>
280        <a href="pt/CSS/outline-color">outline-color</a>
281      </li>
282      <li>
283        <a href="pt/CSS/outline-style">outline-style</a>
284      </li>
285      <li>
286        <a href="pt/CSS/outline-width">outline-width</a>
287      </li>
288      <li>
289        <a href="pt/CSS/overflow">overflow</a>
290      </li>
291      <li>
292        <a href="pt/CSS/padding">padding</a>
293      </li>
294      <li>
295        <a href="pt/CSS/padding-bottom">padding-bottom</a>
296      </li>
297      <li>
298        <a href="pt/CSS/padding-left">padding-left</a>
299      </li>
300      <li>
301        <a href="pt/CSS/padding-right">padding-right</a>
302      </li>
303      <li>
304        <a href="pt/CSS/padding-top">padding-top</a>
305      </li>
306      <li>
307        <a href="pt/CSS/page">page</a>
308      </li>
309      <li>
310        <a href="pt/CSS/page-break-after">page-break-after</a>
311      </li>
312      <li>
313        <a href="pt/CSS/page-break-before">page-break-before</a>
314      </li>
315      <li>
316        <a href="pt/CSS/page-break-inside">page-break-inside</a>
317      </li>
318      <li>
319        <a href="pt/CSS/pause">pause</a>
320      </li>
321      <li>
322        <a href="pt/CSS/pause-after">pause-after</a>
323      </li>
324      <li>
325        <a href="pt/CSS/pause-before">pause-before</a>
326      </li>
327      <li>
328        <a href="pt/CSS/pitch">pitch</a>
329      </li>
330      <li>
331        <a href="pt/CSS/pitch-range">pitch-range</a>
332      </li>
333      <li>
334        <a href="pt/CSS/play-during">play-during</a>
335      </li>
336      <li>
337        <a href="pt/CSS/position">position</a>
338      </li>
339      <li>
340        <a href="pt/CSS/quotes">quotes</a>
341      </li>
342      <li>
343        <a href="pt/CSS/richness">richness</a>
344      </li>
345      <li>
346        <a href="pt/CSS/right">right</a>
347      </li>
348      <li>
349        <a href="pt/CSS/size">size</a>
350      </li>
351      <li>
352        <a href="pt/CSS/speak">speak</a>
353      </li>
354      <li>
355        <a href="pt/CSS/speak-header">speak-header</a>
356      </li>
357      <li>
358        <a href="pt/CSS/speak-numeral">speak-numeral</a>
359      </li>
360      <li>
361        <a href="pt/CSS/speak-punctuation">speak-punctuation</a>
362      </li>
363      <li>
364        <a href="pt/CSS/speech-rate">speech-rate</a>
365      </li>
366      <li>
367        <a href="pt/CSS/stress">stress</a>
368      </li>
369      <li>
370        <a href="pt/CSS/table-layout">table-layout</a>
371      </li>
372      <li>
373        <a href="pt/CSS/text-align">text-align</a>
374      </li>
375      <li>
376        <a href="pt/CSS/text-decoration">text-decoration</a>
377      </li>
378      <li>
379        <a href="pt/CSS/text-indent">text-indent</a>
380      </li>
381      <li>
382        <a href="pt/CSS/text-shadow">text-shadow</a>
383      </li>
384      <li>
385        <a href="pt/CSS/text-transform">text-transform</a>
386      </li>
387      <li>
388        <a href="pt/CSS/top">top</a>
389      </li>
390      <li>
391        <a href="pt/CSS/unicode-bidi">unicode-bidi</a>
392      </li>
393      <li>
394        <a href="pt/CSS/vertical-align">vertical-align</a>
395      </li>
396      <li>
397        <a href="pt/CSS/visibility">visibility</a>
398      </li>
399      <li>
400        <a href="pt/CSS/voice-family">voice-family</a>
401      </li>
402      <li>
403        <a href="pt/CSS/volume">volume</a>
404      </li>
405      <li>
406        <a href="pt/CSS/white-space">white-space</a>
407      </li>
408      <li>
409        <a href="pt/CSS/window">window</a>
410      </li>
411      <li>
412        <a href="pt/CSS/width">width</a>
413      </li>
414      <li>
415        <a href="pt/CSS/word-spacing">word-spacing</a>
416      </li>
417      <li>
418        <a href="pt/CSS/z-index">z-index</a>
419      </li>
420    </ul>
421    <h3 id="Seletores" name="Seletores">
422      Seletores
423    </h3>
424    <ul>
425      <li>Seletores simples
426        <ul>
427          <li>
428            <a href="pt/CSS/Type_selectors">Type selectors</a>
429          </li>
430          <li>
431            <a href="pt/CSS/Class_selectors">Class selectors</a>
432          </li>
433          <li>
434            <a href="pt/CSS/ID_selectors">ID selectors</a>
435          </li>
436          <li>
437            <a href="pt/CSS/Universal_selectors">Universal select
>ors</a> 
438          </li>
439          <li>
440            <a href="pt/CSS/Attribute_selectors">Attribute select
>ors</a> 
441          </li>
442          <li>
443            <a href="pt/CSS/%3anot">:not</a>
444          </li>
445          <li>
446            <a href="pt/CSS/Pseudo-classes">Pseudo-classes</a>
447            <ul>
448              <li>Pseudo-classes link
449                <ul>
450                  <li>
451                    <a href="pt/CSS/%3alink">:link</a>
452                  </li>
453                  <li>
454                    <a href="pt/CSS/%3avisited">:visited</a>
455                  </li>
456                </ul>
457              </li>
458              <li>Pseudo-classes dinâmicas
459                <ul>
460                  <li>
461                    <a href="pt/CSS/%3aactive">:active</a>
462                  </li>
463                  <li>
464                    <a href="pt/CSS/%3afocus">:focus</a>
465                  </li>
466                  <li>
467                    <a href="pt/CSS/%3ahover">:hover</a>
468                  </li>
469                </ul>
470              </li>
471              <li>Pseudo-classes paginadas
472                <ul>
473                  <li>
474                    <a href="pt/CSS/%3afirst">:first</a>
475                  </li>
476                  <li>
477                    <a href="pt/CSS/%3aleft">:left</a>
478                  </li>
479                  <li>
480                    <a href="pt/CSS/%3aright">:right</a>
481                  </li>
482                </ul>
483              </li>
484              <li>Pseudo-classes estruturais
485                <ul>
486                  <li>
487                    <a href="pt/CSS/%3aempty">:empty</a>
488                  </li>
489                  <li>
490                    <a href="pt/CSS/%3afirst-child">:first-child<
>/a> 
491                  </li>
492                  <li>
493                    <a href="pt/CSS/%3afirst-node">:first-node</a
>> 
494                  </li>
495                  <li>
496                    <a href="pt/CSS/%3alast-child">:last-child</a
>> 
497                  </li>
498                  <li>
499                    <a href="pt/CSS/%3alast-node">:last-node</a>
500                  </li>
501                  <li>
502                    <a href="pt/CSS/%3aroot">:root</a>
503                  </li>
504                </ul>
505              </li>
506              <li>Pseudo-classes de linguagem
507                <ul>
508                  <li>
509                    <a href="pt/CSS/%3alang">:lang</a>
510                  </li>
511                </ul>
512              </li>
513            </ul>
514          </li>
515          <li>
516            <a href="pt/CSS/Pseudo-elements">Pseudo-elements</a>
517            <ul>
518              <li>
519                <a href="pt/CSS/%3aafter">:after</a>
520              </li>
521              <li>
522                <a href="pt/CSS/%3abefore">:before</a>
523              </li>
524              <li>
525                <a href="pt/CSS/%3afirst-letter">:first-letter</a
>> 
526              </li>
527              <li>
528                <a href="pt/CSS/%3afirst-line">:first-line</a>
529              </li>
530            </ul>
531          </li>
532        </ul>
533      </li>
534      <li>Combinadores
535        <ul>
536          <li>
537            <a href="pt/CSS/Adjacent_sibling_selectors">Adjacent 
>sibling selectors</a> 
538          </li>
539          <li>
540            <a href="pt/CSS/Child_selectors">Child selectors</a>
541          </li>
542          <li>
543            <a href="pt/CSS/Descendant_selectors">Descendant sele
>ctors</a> 
544          </li>
545        </ul>
546      </li>
547    </ul>
548    <h3 id=".40-rules_e_Coment.C3.A1rios" name=".40-rules_e_Comen
>t.C3.A1rios"> 
549      <code>@</code>-rules e Comentários
550    </h3>
551    <ul>
552      <li>
553        <a href="pt/CSS/@font-face">@font-face</a>
554      </li>
555      <li>
556        <a href="pt/CSS/@import">@import</a>
557      </li>
558      <li>
559        <a href="pt/CSS/@media">@media</a>
560      </li>
561      <li>
562        <a href="pt/CSS/Comments">Comments</a>
563      </li>
564    </ul>
565    <h3 id="Valores" name="Valores">
566      Valores
567    </h3>
568    <ul>
569      <li>{{ Cssxref("inherit") }}
570      </li>
571      <li>{{ Cssxref("initial") }}
572      </li>
573      <li>
574        <a href="pt/CSS/length">&lt;length&gt;</a>
575      </li>
576    </ul>
577    <h3 id="Conceitos" name="Conceitos">
578      Conceitos
579    </h3>
580    <ul>
581      <li>
582        <a href="pt/CSS/initial_value">initial value</a>
583      </li>
584      <li>
585        <a href="pt/CSS/inheritance">inheritance</a>
586      </li>
587      <li>
588        <a href="pt/CSS/specified_value">specified value</a>
589      </li>
590      <li>
591        <a href="pt/CSS/computed_value">computed value</a>
592      </li>
593      <li>
594        <a href="pt/CSS/used_value">used value</a>
595      </li>
596      <li>
597        <a href="pt/CSS/actual_value">actual value</a>
598      </li>
599      <li>
600        <a href="pt/CSS/box_model">box model</a>
601      </li>
602    </ul>
603    <h3 id="Extens.C3.B5es_Mozilla" name="Extens.C3.B5es_Mozilla"
>> 
604      Extensões Mozilla
605    </h3>
606    <ul>
607      <li>
608        <a href="pt/CSS_Reference/Mozilla_Extensions">CSS Referen
>ce:Mozilla Extensions</a> 
609      </li>
610    </ul>
611    <p>
612      <span class="comment">Categorias</span>
613    </p>
614    <p>
615      <span class="comment">Interwiki Language Links</span>
616    </p>{{ languages( { "en": "en/CSS_Reference", "fr": "fr/R\u00
>e9f\u00e9rence_CSS", "pl": "pl/Dokumentacja_CSS" } ) }} 

Voltar ao Histórico