Revision 480361 of CSS

  • Revision slug: Web/CSS
  • Revision title: CSS
  • Revision id: 480361
  • Created:
  • Creator: pieteru_insekai
  • Is current revision? Ya
  • Komentar Translated to Bahasa Indonesia by Pieteru_Insekai

Revision Content

Cascading Style Sheets, dikenal juga sebagai CSS, adalah bahasa stylesheet yang digunakan untuk merubah tampilan dokumen yang terulis dalam HTML atau XML (termasuk variasi bahasa XML seperti SVG atau XHTML). CSS menjelaskan bagaimana elemen terstruktur yang harus ditampilkan di layar, di kertas, dalam cara komunikasi, atau dalam media yang lain.

CSS adalah salah satu dari bahasa inti dari open web (web berbasis terbuka) dan dan memiliki standar W3C specification. Dibangun dalam berbagai level, CSS1 sekarang sudah kuno, CSS2.1 direkomendasi dan CSS3, sekarang terbagi dalam modul kecil, bergerak dalam jalur standar.

  • Referensi CSS

    Referensi lengkap untuk pengembang Web musiman menjelaskan setiap properti dan konsep CSS.

  • CSS Tutorial

    Pengenalan langkah demi langkah untuk membantu para pemula yang baru mulai. Di sini menyajikan semua hal yang dibutuhkan.

  • Demo CSS3

    Kumpulan Demo memperlihatkan teknologi terakhir CSS dalam aksinya: membutuhkan kereatifitas.

Dokumentasi dan tutorial

Kunci konsep CSS
Menjelaskan syntax dan lembar bahasa dan memperkenalkan fundamental seperti specificity dan inheritance, box model dan margin collapsing, stacking dan konteks block-formatting, atau initial, computed, used dan nilai actual. Entitas seperti CSS shorthand properties juga dijelaskan.
Panduang Pengembang CSS
Artikel yang membantu mempelajari tehnik CSS untuk membuat konten anda bersinar.

Alat untuk pengembang CSS

  • W3C CSS Validation Service mengecek bila CSS yang diberikan adalah valid. Ini adalah alat debugging yang berguna.
  • Firebug extension milik Firefox, extensi populer yang mengizinkan untuk merubah secara langsung CSS dalam situs yang dilihat. Sangat praktis untuk beberapa perubahan, bahkan ekstensi ini berguna lebih banyak.
  • Web Developer extension milik FireFox juga mengizinkan melihat dan merubah scara langsung CSS dalam situs yang dilihat. lebih mudah daripada Firebug, walaupun kurang berguna.
  • EditCSS extension milik FireFox mengizinkan mengubah CSS dalam sidebar.
  • CSS Text-decoration Level 3 mencapai status Candidate Recommandation, termasuk properti text-decoration-* dan text-emphasis-*. Berikut lingk yang menjelaskan hal ini {{cssxref("text-shadow")}}. (August 1st, 2013)
  • Gecko sekarang suport {{cssxref("background-origin")}}: local. Ini tersedia dari Firefox 25 (dan siap juga dalam Nightly). (July 25th, 2013)
  • Pointer Events mencapai status Candidate Recommandation, berarti properti CSS touch-action, yang hanya dapat diimplementasikan pada IE10 (dengan prefiks -ms- ), sekarang bukan percobaan lagi. (May 6th, 2013)
  • Gecko suport flexible boxes yang telah ditambahkan untuk menyesuaikan spesifikasi terkini tercantum: dari Firefox 23 {{cssxref("::before")}} dan {{cssxref("::after")}} bersama dengan item fleksibel, dan semacam itu, dapat dipindah menggunakan {{cssxref("order")}} dan {{cssxref("align-self")}}. (May 3rd, 2013)

Dapatkan bantuan

Anda membutuhkan bantuan dalam hal yang berhubungan dengan CSS dan tidak dapat menemukan solusi dalam dokumentasi?

  • Periksa Pertanyaan terkini CSS dimana dapat memberi petujuk untuk memecahkan masalah CSS yang berlangsung.
  • Pergi ke Stack Overflow, yang bersama-sama dibangun dan dipelihara oleh situs Q&A (Tanya-Jawab) dan lihat bila Anda dapat menemukan jawaban atas pertanyaan Anda. Jika tidak, Anda dapat bertanya di sini.
  • Konsultasikan forum tata letak, dimana mencangkup CSS dan HTML: {{ DiscussionList("dev-tech-css", "mozilla.dev.tech.layout") }}

 

Revision Source

<p><span class="seoSummary"><strong>Cascading Style Sheets</strong>, dikenal juga sebagai <strong>CSS</strong>, adalah bahasa <a href="/en-US/docs/DOM/stylesheet">stylesheet</a> yang digunakan untuk merubah tampilan dokumen yang terulis dalam <a href="/en-US/docs/HTML" title="The HyperText Mark-up Language">HTML</a></span> atau <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a> (termasuk variasi bahasa XML seperti <a href="/en-US/docs/SVG" title="en-US/docs/SVG">SVG</a> atau <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>). CSS menjelaskan bagaimana elemen terstruktur yang harus ditampilkan di layar, di kertas, dalam cara komunikasi, atau dalam media yang lain.</p>
<p>CSS adalah salah satu dari bahasa inti dari <em>open web</em> (web berbasis terbuka) dan dan memiliki standar <a class="external" href="http://w3.org/Style/CSS/#specs">W3C specification</a>. Dibangun dalam berbagai level, CSS1 sekarang sudah kuno, CSS2.1 direkomendasi dan <a href="/en-US/docs/CSS/CSS3" title="CSS3">CSS3</a>, sekarang terbagi dalam modul kecil, bergerak dalam jalur standar.</p>
<section id="sect1">
  <ul class="card-grid">
    <li><span>Referensi CSS</span><br />
      <p><a href="/en-US/docs/Web/CSS/Reference" title="en-US/docs/CSS/CSS_Reference">Referensi lengkap</a> untuk <u>pengembang Web musiman</u> menjelaskan setiap properti dan konsep CSS.</p>
    </li>
    <li><span>CSS Tutorial</span>
      <p><a href="/en-US/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">Pengenalan langkah demi langkah</a> untuk membantu <u>para pemula</u> yang baru mulai. Di sini menyajikan semua hal yang dibutuhkan.</p>
    </li>
    <li><span>Demo CSS3</span><br />
      <p><a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">Kumpulan Demo</a> memperlihatkan <u>teknologi terakhir CSS</u> dalam aksinya: membutuhkan kereatifitas.</p>
    </li>
  </ul>
  <div class="row topicpage-table">
    <div class="section">
      <h2 class="Documentation" id="Documentation" name="Documentation">Dokumentasi dan tutorial</h2>
      <dl>
        <dt>
          Kunci konsep CSS</dt>
        <dd>
          Menjelaskan <a href="/en-US/docs/CSS/Syntax" title="/en-US/docs/CSS/Syntax">syntax dan lembar bahasa</a> dan memperkenalkan fundamental seperti <a href="/en-US/docs/CSS/Specificity" title="Specificity">specificity</a> dan <a href="/en-US/docs/CSS/inheritance" title="inheritance">inheritance</a>, <a href="/en-US/docs/CSS/box_model" title="Box model">box model</a> dan <a href="/en-US/docs/CSS/margin_collapsing" title="Margin collapsing">margin collapsing</a>, <a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">stacking</a> dan konteks <a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">block-formatting</a>, atau <a href="/en-US/docs/CSS/initial_value" title="initial value">initial</a>, <a href="/en-US/docs/CSS/computed_value" title="computed value">computed</a>, <a href="/en-US/docs/CSS/used_value" title="used value">used</a> dan nilai <a href="/en-US/docs/CSS/actual_value" title="actual value">actual</a>. Entitas seperti <a href="/en-US/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">CSS shorthand properties</a> juga dijelaskan.</dd>
        <dt>
          <a href="/en-US/docs/Web/Guide/CSS" title="/en-US/docs/Web/Guide/CSS">Panduang Pengembang CSS</a></dt>
        <dd>
          Artikel yang membantu mempelajari tehnik CSS untuk membuat konten anda bersinar.</dd>
      </dl>
      <h2 class="Tools" id="Tools" name="Tools">Alat untuk pengembang CSS</h2>
      <ul>
        <li><a class="external" href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> mengecek bila CSS yang diberikan adalah valid. Ini adalah alat debugging yang berguna.</li>
        <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension </a><span class="external">milik Firefox, extensi populer</span> yang mengizinkan untuk merubah secara langsung CSS dalam situs yang dilihat. Sangat praktis untuk beberapa perubahan, bahkan ekstensi ini berguna lebih banyak.</li>
        <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a> milik FireFox juga mengizinkan melihat dan merubah scara langsung CSS dalam situs yang dilihat. lebih mudah daripada Firebug, walaupun kurang berguna.</li>
        <li><a class="external link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">EditCSS extension</a> milik FireFox mengizinkan mengubah CSS dalam sidebar.</li>
      </ul>
      <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Topik yang berhubungan</h2>
      <ul>
        <li>Pembelajaran Mozilla <a href="/en-US/learn/css" title="https://developer.mozilla.org/en-US/learn/css">sumber CSS</a>.</li>
        <li>Bahasa Web terbuka dimana CSS sering digunakan: <a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/SVG" title="SVG">SVG</a>, <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>.</li>
        <li>Teknologi Mozilla dimana ada penggunaan CSS: <a href="/en-US/docs/XUL" title="en-US/docs/XUL">XUL</a>, Firefox dan Thunderbird <a href="/en-US/docs/Extensions" title="en-US/docs/Extensions">extensions</a> dan <a href="/en-US/docs/Themes" title="en-US/docs/Themes">themes</a>.</li>
      </ul>
    </div>
    <div class="section">
      <h2 class="Related_Topics" id="News" name="News">Berita</h2>
      <ul>
        <li><a href="http://www.w3.org/TR/css-text-decor-3/" title="http://www.w3.org/TR/css-text-decor-3/">CSS Text-decoration Level 3</a> mencapai status <em>Candidate Recommandation</em>, termasuk properti <code>text-decoration-*</code> dan <code>text-emphasis-*</code>. Berikut lingk yang menjelaskan hal ini {{cssxref("text-shadow")}}. (<em>August 1st, 2013)</em></li>
        <li>Gecko sekarang suport {{cssxref("background-origin")}}<code>: local</code>. Ini tersedia dari Firefox 25 (dan siap juga dalam Nightly). <em>(July 25th, 2013)</em></li>
        <li><a href="http://www.w3.org/TR/pointerevents/" title="http://www.w3.org/TR/pointerevents/">Pointer Events</a> mencapai status <em>Candidate Recommandation</em>, berarti properti CSS <code>touch-action</code>, yang hanya dapat diimplementasikan pada IE10 (dengan prefiks <code>-ms-</code> ), sekarang bukan percobaan lagi. <em>(May 6th, 2013)</em></li>
        <li>Gecko suport <a href="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes" title="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes"><em>flexible boxes</em></a> yang telah ditambahkan untuk menyesuaikan spesifikasi terkini tercantum: dari Firefox 23 {{cssxref("::before")}} dan {{cssxref("::after")}} bersama dengan item fleksibel, dan semacam itu, dapat dipindah menggunakan {{cssxref("order")}} dan {{cssxref("align-self")}}. <em>(May 3rd, 2013)</em></li>
      </ul>
      <h2 class="Community" id="Community" name="Community">Dapatkan bantuan</h2>
      <p>Anda membutuhkan bantuan dalam hal yang berhubungan dengan CSS dan tidak dapat menemukan solusi dalam dokumentasi?</p>
      <ul>
        <li>Periksa <a href="/en-US/docs/CSS/Common_CSS_Questions" title="en-US/docs/CSS/Common_CSS_Questions">Pertanyaan terkini CSS</a> dimana dapat memberi petujuk untuk memecahkan masalah CSS yang berlangsung.</li>
        <li>Pergi ke <a href="http://stackoverflow.com/questions/tagged/css" title="http://stackoverflow.com/questions/tagged/css">Stack Overflow</a>, yang bersama-sama dibangun dan dipelihara oleh situs Q&amp;A (Tanya-Jawab) dan lihat bila Anda dapat menemukan jawaban atas pertanyaan Anda. Jika tidak, Anda dapat bertanya di sini.</li>
        <li>Konsultasikan forum tata letak, dimana mencangkup CSS dan HTML: {{ DiscussionList("dev-tech-css", "mozilla.dev.tech.layout") }}
          <ul>
            <li>Bertanya pada jalur Mozilla IRC: <a class="link-irc" href="irc://irc.mozilla.org/css">#css</a></li>
            <li>Bertanya pada <a class="external" href="http://www.css-discuss.org/">Situs dan daftar diskusi CSS.</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
  <p>&nbsp;</p>
</section>
Revert to this revision