CSS Reference

  • 리비전 슬러그: CSS_Reference
  • 리비전 제목: CSS Reference
  • 리비전 아이디: 330805
  • 제작일시:
  • 만든이: teoli
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

 

이 문서는 작업 중입니다. 만약 아래 리스트 중에 작성하길 원한다면, 당신의 도움을 환영합니다.

당신이 페이지를 추가하길 원한다면, CSS Reference:Property Template에서 복사/붙여넣기하고 수정하시기 바랍니다.

기본적인 예제 template는 여기에 있습니다. : TEMPLATE.html. source를 복사하시고, 수정하고, 그리고 upload하기 위해 deb@mozilla.com 주소로 예제 페이지를 email해주세요.

궁금한 점, 제안하고 싶은 점이나 자유롭게 토론:CSS Reference에 써주세요.

일단 제가 참조한 문서는 다음과 같습니다 :

이 문서의 현재 목적은 종합적이고, 자세한, 정확한 참조(reference) 정보를 적어도 Level 2, Revision 1 버전까지 제공하는 것입니다.

작성자의 동의 없이 copyright된 정보를 복사하거나 표절하지 마세요. original을 써주세요. 감사합니다.

-- 파스텔그림 2007년 9월 29일 (토) 22:53 (PDT)

Note: 이 reference의 properties를 링크하려면 틀:cssxref 과 같이 사용해주세요. 예를들면: {{cssxref|color}}. reference에 걸쳐 간결한 wiki 문법과 일관된 style을 사용하세요.--파스텔그림 2007년 9월 29일 (토) 23:23 (PDT)

{{css_ref()}}

Selectors

Simple selectors

  • {{ Cssxref("Type selectors") }}
  • {{ Cssxref("Class selectors") }}
  • {{ Cssxref("ID selectors") }}
  • {{ Cssxref("Universal selectors") }}
  • {{ Cssxref("Attribute selectors") }}
  • {{ Cssxref(":not") }}

Combinators

  • {{ Cssxref("Adjacent sibling selectors") }}
  • {{ Cssxref("Child selectors") }}
  • {{ Cssxref("Descendant selectors") }}

{{ Cssxref("Pseudo-elements") }}

  • {{ Cssxref(":after") }}
  • {{ Cssxref(":before") }}
  • {{ Cssxref(":first-letter") }}
  • {{ Cssxref(":first-line") }}

{{ Cssxref("Pseudo-classes") }}

  • Link pseudo-classes
    • {{ Cssxref(":link") }}
    • {{ Cssxref(":visited") }}
  • Dynamic pseudo-classes
    • {{ Cssxref(":active") }}
    • {{ Cssxref(":focus") }}
    • {{ Cssxref(":hover") }}
  • Page pseudo-classes
    • {{ Cssxref(":first") }}
    • {{ Cssxref(":left") }}
    • {{ Cssxref(":right") }}
  • Structural pseudo-classes
    • {{ Cssxref(":empty") }}
    • {{ Cssxref(":first-child") }}
    • {{ Cssxref(":first-node") }}
    • {{ Cssxref(":last-child") }}
    • {{ Cssxref(":last-node") }}
    • {{ Cssxref(":root") }}
  • User interface pseudo-classes
    • {{ Cssxref(":default") }} {{ Fx_minversion_inline(3) }}
  • Language pseudo-classes
    • {{ Cssxref(":lang") }}

 

Other

@-rules and Comments

  • {{ Cssxref("@font-face") }}
  • {{ Cssxref("@import") }}
  • {{ Cssxref("@media") }}
  • {{ Cssxref("Comments") }}

Concepts

  • {{ Cssxref("initial value") }}
  • {{ Cssxref("inheritance") }}
  • {{ Cssxref("specified value") }}
  • {{ Cssxref("computed value") }}
  • {{ Cssxref("used value") }}
  • {{ Cssxref("actual value") }}
  • {{ Cssxref("box model") }}

Values

  • {{ Cssxref("inherit") }}
  • {{ Cssxref("initial") }}
  • {{ Xref_csslength() }}
  • {{ Xref_csspercentage() }}
  • {{ Xref_cssuri() }}
  • {{ Cssxref("auto") }}
  • {{ Cssxref("normal") }}
  • {{ Cssxref("none") }}
  • {{ Xref_cssshape() }}
  • {{ Xref_cssnumber() }}
  • {{ Xref_cssinteger() }}
  • {{ Xref_cssstring() }}
  • {{ Xref_csscounter() }}

 

Mozilla Extensions

{{ languages( { "de": "de/CSS_Referenz", "es": "es/Referencia_CSS", "fr": "fr/CSS/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "zh-cn": "cn/CSS_\u53c2\u8003" } ) }}

리비전 소스

<p>&nbsp;</p>
<div class="note">
  <p>이 문서는 작업 중입니다. 만약 아래 리스트 중에 작성하길 원한다면, 당신의 도움을 환영합니다.</p>
  <p>당신이 페이지를 추가하길 원한다면, <a href="/ko/CSS_Reference/Property_Template" title="ko/CSS_Reference/Property_Template">CSS Reference:Property Template</a>에서 복사/붙여넣기하고 수정하시기 바랍니다.</p>
  <p>기본적인 예제 template는 여기에 있습니다.&nbsp;: <a class="external" href="/samples/cssref/TEMPLATE.html" title="samples/cssref/TEMPLATE.html">TEMPLATE.html</a>. source를 복사하시고, 수정하고, 그리고 upload하기 위해 <a class="link-mailto" href="mailto:deb@mozilla.com">deb@mozilla.com</a> 주소로 예제 페이지를 email해주세요.</p>
  <p>궁금한 점, 제안하고 싶은 점이나 자유롭게 <a href="/Talk:ko/CSS_Reference" title="Talk:ko/CSS_Reference">토론:CSS Reference</a>에 써주세요.</p>
  <p>일단 제가 참조한 문서는 다음과 같습니다&nbsp;:</p>
  <ul>
    <li><a class="external" href="http://www.w3.org/TR/CSS21/">W3C Cascading Style Sheets, level 2 revision 1</a> (main)</li>
    <li><a class="external" href="http://www.w3.org/TR/CSS1">W3C Cascading Style Sheets, level 1</a> (secondary)</li>
    <li><a class="external" href="http://www.w3.org/Style/CSS/current-work">W3C Cascading Style Sheets (notes on CSS3)</a> (where useful/interesting)</li>
  </ul>
  <p>이 문서의 현재 목적은 종합적이고, 자세한, 정확한 참조(reference) 정보를 적어도 Level 2, Revision 1 버전까지 제공하는 것입니다.</p>
  <p><em>작성자의 동의 없이 copyright된 정보를 복사하거나 표절하지 마세요. original을 써주세요. 감사합니다.</em></p>
  <p>-- <a href="/User:Pastelgrim" title="User:Pastelgrim">파스텔그림</a> 2007년 9월 29일 (토) 22:53 (PDT)</p>
  <p>Note: 이 reference의 properties를 링크하려면 <a href="/Template:cssxref" title="Template:cssxref">틀:cssxref</a> 과 같이 사용해주세요. 예를들면: <span class="nowiki">{{cssxref|color}}</span>. reference에 걸쳐 간결한 wiki 문법과 일관된 style을 사용하세요.--<a href="/User:Pastelgrim" title="User:Pastelgrim">파스텔그림</a> 2007년 9월 29일 (토) 23:23 (PDT)</p>
</div>
<p id="Properties" name="Properties">{{css_ref()}}</p>
<h3 id="Selectors" name="Selectors">Selectors</h3>
<div style="float:left;margin:0px 30px">
  <h4 id="Simple_selectors" name="Simple_selectors">Simple selectors</h4>
  <ul>
    <li>{{ Cssxref("Type selectors") }}</li>
    <li>{{ Cssxref("Class selectors") }}</li>
    <li>{{ Cssxref("ID selectors") }}</li>
    <li>{{ Cssxref("Universal selectors") }}</li>
    <li>{{ Cssxref("Attribute selectors") }}</li>
    <li>{{ Cssxref(":not") }}</li>
  </ul>
  <h4 id="Combinators" name="Combinators">Combinators</h4>
  <ul>
    <li>{{ Cssxref("Adjacent sibling selectors") }}</li>
    <li>{{ Cssxref("Child selectors") }}</li>
    <li>{{ Cssxref("Descendant selectors") }}</li>
  </ul>
  <h4 id="CssxrefPseudo-elements" name="CssxrefPseudo-elements">{{ Cssxref("Pseudo-elements") }}</h4>
  <ul>
    <li>{{ Cssxref(":after") }}</li>
    <li>{{ Cssxref(":before") }}</li>
    <li>{{ Cssxref(":first-letter") }}</li>
    <li>{{ Cssxref(":first-line") }}</li>
  </ul>
</div>
<div style="float:left;margin:0px 30px">
  <h4 id="CssxrefPseudo-classes" name="CssxrefPseudo-classes">{{ Cssxref("Pseudo-classes") }}</h4>
  <ul>
    <li>Link pseudo-classes
      <ul>
        <li>{{ Cssxref(":link") }}</li>
        <li>{{ Cssxref(":visited") }}</li>
      </ul>
    </li>
    <li>Dynamic pseudo-classes
      <ul>
        <li>{{ Cssxref(":active") }}</li>
        <li>{{ Cssxref(":focus") }}</li>
        <li>{{ Cssxref(":hover") }}</li>
      </ul>
    </li>
    <li>Page pseudo-classes
      <ul>
        <li>{{ Cssxref(":first") }}</li>
        <li>{{ Cssxref(":left") }}</li>
        <li>{{ Cssxref(":right") }}</li>
      </ul>
    </li>
    <li>Structural pseudo-classes
      <ul>
        <li>{{ Cssxref(":empty") }}</li>
        <li>{{ Cssxref(":first-child") }}</li>
        <li>{{ Cssxref(":first-node") }}</li>
        <li>{{ Cssxref(":last-child") }}</li>
        <li>{{ Cssxref(":last-node") }}</li>
        <li>{{ Cssxref(":root") }}</li>
      </ul>
    </li>
    <li>User interface pseudo-classes
      <ul>
        <li>{{ Cssxref(":default") }} {{ Fx_minversion_inline(3) }}</li>
      </ul>
    </li>
    <li>Language pseudo-classes
      <ul>
        <li>{{ Cssxref(":lang") }}</li>
      </ul>
    </li>
  </ul>
</div>
<p>&nbsp;</p>
<h3 id="Other" name="Other">Other</h3>
<div style="float:left;margin:0px 30px">
  <h4 id=".40-rules_and_Comments" name=".40-rules_and_Comments"><code>@</code>-rules and Comments</h4>
  <ul>
    <li>{{ Cssxref("@font-face") }}</li>
    <li>{{ Cssxref("@import") }}</li>
    <li>{{ Cssxref("@media") }}</li>
    <li>{{ Cssxref("Comments") }}</li>
  </ul>
  <h4 id="Concepts" name="Concepts">Concepts</h4>
  <ul>
    <li>{{ Cssxref("initial value") }}</li>
    <li>{{ Cssxref("inheritance") }}</li>
    <li>{{ Cssxref("specified value") }}</li>
    <li>{{ Cssxref("computed value") }}</li>
    <li>{{ Cssxref("used value") }}</li>
    <li>{{ Cssxref("actual value") }}</li>
    <li>{{ Cssxref("box model") }}</li>
  </ul>
</div>
<div style="float:left;margin:0px 30px">
  <h4 id="Values" name="Values">Values</h4>
  <ul>
    <li>{{ Cssxref("inherit") }}</li>
    <li>{{ Cssxref("initial") }}</li>
    <li>{{ Xref_csslength() }}</li>
    <li>{{ Xref_csspercentage() }}</li>
    <li>{{ Xref_cssuri() }}</li>
    <li>{{ Cssxref("auto") }}</li>
    <li>{{ Cssxref("normal") }}</li>
    <li>{{ Cssxref("none") }}</li>
    <li>{{ Xref_cssshape() }}</li>
    <li>{{ Xref_cssnumber() }}</li>
    <li>{{ Xref_cssinteger() }}</li>
    <li>{{ Xref_cssstring() }}</li>
    <li>{{ Xref_csscounter() }}</li>
  </ul>
</div>
<p>&nbsp;</p>
<h3 id="Mozilla_Extensions" name="Mozilla_Extensions">Mozilla Extensions</h3>
<ul>
  <li><a href="/ko/CSS_Reference/Mozilla_Extensions" title="ko/CSS_Reference/Mozilla_Extensions">CSS Reference:Mozilla Extensions</a></li>
</ul>
<p>{{ languages( { "de": "de/CSS_Referenz", "es": "es/Referencia_CSS", "fr": "fr/CSS/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "zh-cn": "cn/CSS_\u53c2\u8003" } ) }}</p>
Revert to this revision