Cascading Style Sheets: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Baris 323:
{{Main|CSS Preprocessor}}''CSS preprocessor'' (pra pengolahan) adalah bahasa script atau program yang memungkinkan pengguna menulis kode CSS sesuai dengan [[sintaksis]] (''syntax) prepocessor'' itu sendiri.<ref name=":0">{{Cite web|title=CSS preprocessor - MDN Web Docs Glossary: Definitions of Web-related terms {{!}} MDN|url=https://developer.mozilla.org/en-US/docs/Glossary/CSS_preprocessor|website=developer.mozilla.org|language=en-US|access-date=2022-09-28}}</ref>
Ada banyak jenis CSS ''prepocessor'' yang dapat digunakan, namun sebagain besar CSS ''prepocessor'' memiliki beberapa fitur yangt tidak ada di ''vanilla'' CSS (CSS polos atau murni). Beberapa fitur tersebut di antaranya yaitu penulisan variabel, ''nesting'', ''mixins'', ''extends'', ''color operations'', ''if/else statement'', ''loops'', dan lain sebagainya. Fitur-fitur tersebut membuat penulisan kode CSS menjadi lebih mudah dibaca dan lebih mudah dirawat
''CSS preprocessor'' me-''compile'' kode CSS yang ditulis dengan ''compiler'' khusus yang dimilikinya.
<!-- detail fitur
cara penggunaan
Baris 336 ⟶ 338:
* Stylus
* PostCSS
=== Variabel ===
Salah satu fitur yang dimiliki ''CSS preprocessor'' dan sering digunakan yaitu penulisan variabel. Dengan menuliskan variabel, kode yang dituliskan dapat digunakan digunakan kembali (''reusable''). Berikut adalah contoh penulisan variabel dalam ''CSS preprocessor:''<syntaxhighlight lang="sass" line="1">
// Penulisan CSS preprocessor Sass
$font-size: 16px;
div {
font-size: $font-size;
}
</syntaxhighlight>
== Lihat pula ==
| |||