Referência CSS

  • Revision slug: Referência_CSS
  • Revision title: Referência CSS
  • Revision id: 281672
  • Created:
  • Creator: Verruckt
  • Is current revision? Não
  • コメント

Revision Content

Este é um trabalho em progresso. Se você deseja ajudar a escrever alguma destas páginas listadas abaixo, você é mais que bem-vindo a ajudar.

Se você está indo adicionar uma página, por favor copie e cole o conteúdo de Referência CSS:Propriedades do modelo e modifique como requerido.

O modelo básico para páginas de exemplos pode ser encontrado aqui: TEMPLATE.html. Somente copie o código do arquivo, modifique como requerido, e então envie um email com as páginas de exemplo e quaisquer arquivos relacionados para deb@mozilla.com para atualização.

Se você tem questões ou sugestões, por favor sinta-se livre para discutir isto na página Talk:CSS Reference.

As referências primárias que estou usando no momento são:

O objetivo atual é para este documento proporcionar compreensível, detalhada e precisa informação de referência para o CSS até ao menos o Nível 2, Revisão 1.

Por favor não copie ou plagie materias com copyright sem uma permissão escrita do autor. Por favor escreva conteúdo original e limpo para esta referência. Obrigado.

-- dria 11:39, 17 October 2005 (PDT)

Nota: por favor use o Template:cssxref para ligar as propriedades desta referência, por exemplo: {{cssxref|color}}. Fazendo então resultados mais concisos na marcação wiki e estilo consistente através da referência.

--Nickolay 16:33, 23 September 2006 (PDT)

Propriedades

Seletores

@-rules e Comentários

Valores

  • {{template.Cssxref("inherit")}}
  • {{template.Cssxref("initial")}}
  • <length>

Conceitos

Extensões Mozilla

Categorias

Interwiki Language Links

{{ wiki.languages( { "en": "en/CSS_Reference", "fr": "fr/R\u00e9f\u00e9rence_CSS", "pl": "pl/Dokumentacja_CSS" } ) }}

Revision Source

<p>
</p>
<div class="note">
<p>Este é um trabalho em progresso. Se você deseja ajudar a escrever alguma destas páginas listadas abaixo, você é mais que bem-vindo a ajudar.
</p><p>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.
</p><p>O modelo básico para páginas de exemplos pode ser encontrado 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 email com as páginas de exemplo e quaisquer arquivos relacionados para <a class="external" href="mailto:deb@mozilla.com">deb@mozilla.com</a> para atualização.
</p><p>Se você tem questões ou sugestões, por favor sinta-se livre para discutir isto na página <a href="Talk:pt/CSS_Reference">Talk:CSS Reference</a>.
</p><p>As referências primárias que estou usando no momento são:
</p>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/">W3C Cascading Style Sheets, level 2 revision 1</a> (principal)
</li><li> <a class="external" href="http://www.w3.org/TR/CSS1">W3C Cascading Style Sheets, level 1</a> (secundária)
</li><li> <a class="external" href="http://www.w3.org/Style/CSS/current-work">W3C Cascading Style Sheets (notas em CSS3)</a> (onde útil/interessante)
</li></ul>
<p>O objetivo atual é para este documento proporcionar compreensível, detalhada e precisa informação de referência para o CSS até ao menos o Nível 2, Revisão 1.
</p><p><i>Por favor não copie ou plagie materias com copyright sem uma permissão escrita do autor. Por favor escreva conteúdo original e limpo para esta referência. Obrigado.</i>
</p><p>-- <a href="User:Dria">dria</a> 11:39, 17 October 2005 (PDT)
</p><p>Nota: por favor use o <a href="Template:Cssxref">Template:cssxref</a> para ligar as propriedades desta referência, por exemplo:
<span class="plain">{{cssxref|color}}</span>. Fazendo então resultados mais concisos na marcação wiki e estilo consistente através da referência.
</p><p>--<a href="User:Nickolay">Nickolay</a> 16:33, 23 September 2006 (PDT)
</p>
</div>
<h3 name="Propriedades"> Propriedades </h3>
<ul><li> <a href="pt/CSS/azimuth">azimuth</a>
</li><li> <a href="pt/CSS/background">background</a>
</li><li> <a href="pt/CSS/background-attachment">background-attachment</a>
</li><li> <a href="pt/CSS/background-color">background-color</a>
</li><li> <a href="pt/CSS/background-image">background-image</a>
</li><li> <a href="pt/CSS/background-position">background-position</a>
</li><li> <a href="pt/CSS/background-repeat">background-repeat</a>
</li><li> <a href="pt/CSS/border">border</a>
</li><li> <a href="pt/CSS/border-bottom">border-bottom</a>
</li><li> <a href="pt/CSS/border-bottom-color">border-bottom-color</a> 
</li><li> <a href="pt/CSS/border-bottom-style">border-bottom-style</a>
</li><li> <a href="pt/CSS/border-bottom-width">border-bottom-width</a>
</li><li> <a href="pt/CSS/border-collapse">border-collapse</a>
</li><li> <a href="pt/CSS/border-color">border-color</a>
</li><li> <a href="pt/CSS/border-left">border-left</a>
</li><li> <a href="pt/CSS/border-left-color">border-left-color</a>
</li><li> <a href="pt/CSS/border-left-style">border-left-style</a>
</li><li> <a href="pt/CSS/border-left-width">border-left-width</a>
</li><li> <a href="pt/CSS/border-right">border-right</a>
</li><li> <a href="pt/CSS/border-right-color">border-right-color</a>
</li><li> <a href="pt/CSS/border-right-style">border-right-style</a>
</li><li> <a href="pt/CSS/border-right-width">border-right-width</a>
</li><li> <a href="pt/CSS/border-spacing">border-spacing</a>
</li><li> <a href="pt/CSS/border-style">border-style</a>
</li><li> <a href="pt/CSS/border-top">border-top</a>
</li><li> <a href="pt/CSS/border-top-color">border-top-color</a>
</li><li> <a href="pt/CSS/border-top-style">border-top-style</a>
</li><li> <a href="pt/CSS/border-top-width">border-top-width</a>
</li><li> <a href="pt/CSS/border-width">border-width</a>
</li><li> <a href="pt/CSS/bottom">bottom</a>
</li><li> <a href="pt/CSS/caption-side">caption-side</a>
</li><li> <a href="pt/CSS/clear">clear</a>
</li><li> <a href="pt/CSS/clip">clip</a>
</li><li> <a href="pt/CSS/color">color</a>
</li><li> <a href="pt/CSS/content">content</a>
</li><li> <a href="pt/CSS/counter-increment">counter-increment</a>
</li><li> <a href="pt/CSS/counter-reset">counter-reset</a>
</li><li> <a href="pt/CSS/cue">cue</a>
</li><li> <a href="pt/CSS/cue-after">cue-after</a>
</li><li> <a href="pt/CSS/cue-before">cue-before</a>
</li><li> <a href="pt/CSS/cursor">cursor</a>
</li><li> <a href="pt/CSS/direction">direction</a>
</li><li> <a href="pt/CSS/display">display</a>
</li><li> <a href="pt/CSS/elevation">elevation</a>
</li><li> <a href="pt/CSS/empty-cells">empty-cells</a>
</li><li> <a href="pt/CSS/float">float</a>
</li><li> <a href="pt/CSS/font">font</a>
</li><li> <a href="pt/CSS/font-family">font-family</a>
</li><li> <a href="pt/CSS/font-size">font-size</a>
</li><li> <a href="pt/CSS/font-size-adjust">font-size-adjust</a>
</li><li> <a href="pt/CSS/font-stretch">font-stretch</a>
</li><li> <a href="pt/CSS/font-style">font-style</a>
</li><li> <a href="pt/CSS/font-variant">font-variant</a>
</li><li> <a href="pt/CSS/font-weight">font-weight</a>
</li><li> <a href="pt/CSS/height">height</a>
</li><li> <a href="pt/CSS/left">left</a>
</li><li> <a href="pt/CSS/letter-spacing">letter-spacing</a>
</li><li> <a href="pt/CSS/line-height">line-height</a>
</li><li> <a href="pt/CSS/list-style">list-style</a>
</li><li> <a href="pt/CSS/list-style-image">list-style-image</a>
</li><li> <a href="pt/CSS/list-style-position">list-style-position</a>
</li><li> <a href="pt/CSS/list-style-type">list-style-type</a>
</li><li> <a href="pt/CSS/margin">margin</a>
</li><li> <a href="pt/CSS/margin-bottom">margin-bottom</a>
</li><li> <a href="pt/CSS/margin-left">margin-left</a>
</li><li> <a href="pt/CSS/margin-right">margin-right</a>
</li><li> <a href="pt/CSS/margin-top">margin-top</a>
</li><li> <a href="pt/CSS/marker-offset">marker-offset</a>
</li><li> <a href="pt/CSS/marks">marks</a>
</li><li> <a href="pt/CSS/max-height">max-height</a>
</li><li> <a href="pt/CSS/max-width">max-width</a>
</li><li> <a href="pt/CSS/min-height">min-height</a>
</li><li> <a href="pt/CSS/min-width">min-width</a>
</li><li> <a href="pt/CSS/orphans">orphans</a>
</li><li> <a href="pt/CSS/outline">outline</a>
</li><li> <a href="pt/CSS/outline-color">outline-color</a>
</li><li> <a href="pt/CSS/outline-style">outline-style</a>
</li><li> <a href="pt/CSS/outline-width">outline-width</a>
</li><li> <a href="pt/CSS/overflow">overflow</a>
</li><li> <a href="pt/CSS/padding">padding</a>
</li><li> <a href="pt/CSS/padding-bottom">padding-bottom</a>
</li><li> <a href="pt/CSS/padding-left">padding-left</a>
</li><li> <a href="pt/CSS/padding-right">padding-right</a>
</li><li> <a href="pt/CSS/padding-top">padding-top</a>
</li><li> <a href="pt/CSS/page">page</a>
</li><li> <a href="pt/CSS/page-break-after">page-break-after</a>
</li><li> <a href="pt/CSS/page-break-before">page-break-before</a>
</li><li> <a href="pt/CSS/page-break-inside">page-break-inside</a>
</li><li> <a href="pt/CSS/pause">pause</a>
</li><li> <a href="pt/CSS/pause-after">pause-after</a>
</li><li> <a href="pt/CSS/pause-before">pause-before</a>
</li><li> <a href="pt/CSS/pitch">pitch</a>
</li><li> <a href="pt/CSS/pitch-range">pitch-range</a>
</li><li> <a href="pt/CSS/play-during">play-during</a>
</li><li> <a href="pt/CSS/position">position</a>
</li><li> <a href="pt/CSS/quotes">quotes</a>
</li><li> <a href="pt/CSS/richness">richness</a>
</li><li> <a href="pt/CSS/right">right</a>
</li><li> <a href="pt/CSS/size">size</a>
</li><li> <a href="pt/CSS/speak">speak</a>
</li><li> <a href="pt/CSS/speak-header">speak-header</a>
</li><li> <a href="pt/CSS/speak-numeral">speak-numeral</a>
</li><li> <a href="pt/CSS/speak-punctuation">speak-punctuation</a>
</li><li> <a href="pt/CSS/speech-rate">speech-rate</a>
</li><li> <a href="pt/CSS/stress">stress</a>
</li><li> <a href="pt/CSS/table-layout">table-layout</a>
</li><li> <a href="pt/CSS/text-align">text-align</a>
</li><li> <a href="pt/CSS/text-decoration">text-decoration</a>
</li><li> <a href="pt/CSS/text-indent">text-indent</a>
</li><li> <a href="pt/CSS/text-shadow">text-shadow</a>
</li><li> <a href="pt/CSS/text-transform">text-transform</a>
</li><li> <a href="pt/CSS/top">top</a>
</li><li> <a href="pt/CSS/unicode-bidi">unicode-bidi</a>
</li><li> <a href="pt/CSS/vertical-align">vertical-align</a>
</li><li> <a href="pt/CSS/visibility">visibility</a>
</li><li> <a href="pt/CSS/voice-family">voice-family</a>
</li><li> <a href="pt/CSS/volume">volume</a>
</li><li> <a href="pt/CSS/white-space">white-space</a>
</li><li> <a href="pt/CSS/widows">widows</a>
</li><li> <a href="pt/CSS/width">width</a>
</li><li> <a href="pt/CSS/word-spacing">word-spacing</a>
</li><li> <a href="pt/CSS/z-index">z-index</a>
</li></ul>
<h3 name="Seletores"> Seletores </h3>
<ul><li> Seletores simples
<ul><li> <a href="pt/CSS/Type_selectors">Type selectors</a>
</li><li> <a href="pt/CSS/Class_selectors">Class selectors</a>
</li><li> <a href="pt/CSS/ID_selectors">ID selectors</a>
</li><li> <a href="pt/CSS/Universal_selectors">Universal selectors</a>
</li><li> <a href="pt/CSS/Attribute_selectors">Attribute selectors</a>
</li><li> <a href="pt/CSS/%3anot">:not</a>
</li><li> <a href="pt/CSS/Pseudo-classes">Pseudo-classes</a>
<ul><li> Pseudo-classes link
<ul><li> <a href="pt/CSS/%3alink">:link</a>
</li><li> <a href="pt/CSS/%3avisited">:visited</a>
</li></ul>
</li><li> Pseudo-classes dinâmicas
<ul><li> <a href="pt/CSS/%3aactive">:active</a>
</li><li> <a href="pt/CSS/%3afocus">:focus</a>
</li><li> <a href="pt/CSS/%3ahover">:hover</a>
</li></ul>
</li><li> Pseudo-classes paginadas
<ul><li> <a href="pt/CSS/%3afirst">:first</a>
</li><li> <a href="pt/CSS/%3aleft">:left</a>
</li><li> <a href="pt/CSS/%3aright">:right</a>
</li></ul>
</li><li> Pseudo-classes estruturais
<ul><li> <a href="pt/CSS/%3aempty">:empty</a>
</li><li> <a href="pt/CSS/%3afirst-child">:first-child</a>
</li><li> <a href="pt/CSS/%3afirst-node">:first-node</a>
</li><li> <a href="pt/CSS/%3alast-child">:last-child</a>
</li><li> <a href="pt/CSS/%3alast-node">:last-node</a>
</li><li> <a href="pt/CSS/%3aroot">:root</a>
</li></ul>
</li><li> Pseudo-classes de linguagem
<ul><li> <a href="pt/CSS/%3alang">:lang</a>
</li></ul>
</li></ul>
</li><li> <a href="pt/CSS/Pseudo-elements">Pseudo-elements</a>
<ul><li> <a href="pt/CSS/%3aafter">:after</a>
</li><li> <a href="pt/CSS/%3abefore">:before</a>
</li><li> <a href="pt/CSS/%3afirst-letter">:first-letter</a>
</li><li> <a href="pt/CSS/%3afirst-line">:first-line</a>
</li></ul>
</li></ul>
</li><li> Combinadores
<ul><li> <a href="pt/CSS/Adjacent_sibling_selectors">Adjacent sibling selectors</a>
</li><li> <a href="pt/CSS/Child_selectors">Child selectors</a>
</li><li> <a href="pt/CSS/Descendant_selectors">Descendant selectors</a>
</li></ul>
</li></ul>
<h3 name=".40-rules_e_Coment.C3.A1rios"> <code>@</code>-rules e Comentários </h3>
<ul><li> <a href="pt/CSS/@font-face">@font-face</a>
</li><li> <a href="pt/CSS/@import">@import</a>
</li><li> <a href="pt/CSS/@media">@media</a>
</li><li> <a href="pt/CSS/Comments">Comments</a>
</li></ul>
<h3 name="Valores"> Valores </h3>
<ul><li> {{template.Cssxref("inherit")}}
</li><li> {{template.Cssxref("initial")}}
</li><li> <a href="pt/CSS/length">&lt;length&gt;</a>
</li></ul>
<h3 name="Conceitos"> Conceitos </h3>
<ul><li> <a href="pt/CSS/initial_value">initial value</a>
</li><li> <a href="pt/CSS/inheritance">inheritance</a>
</li><li> <a href="pt/CSS/specified_value">specified value</a>
</li><li> <a href="pt/CSS/computed_value">computed value</a>
</li><li> <a href="pt/CSS/used_value">used value</a>
</li><li> <a href="pt/CSS/actual_value">actual value</a>
</li><li> <a href="pt/CSS/box_model">box model</a>
</li></ul>
<h3 name="Extens.C3.B5es_Mozilla"> Extensões Mozilla </h3>
<ul><li> <a href="pt/CSS_Reference/Mozilla_Extensions">CSS Reference:Mozilla Extensions</a>
</li></ul>
<p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS_Reference", "fr": "fr/R\u00e9f\u00e9rence_CSS", "pl": "pl/Dokumentacja_CSS" } ) }}
Revert to this revision