CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available" lang="id" dir="ltr"> <head> <meta charset="UTF-8"> <title>Cascading Style Sheets - Wikipedia bahasa Indonesia, ensiklopedia bebas</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )idwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t.",".\t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"wgRequestId":"448803c9-3603-4400-bc6e-f2fc5b8a6522","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Cascading_Style_Sheets","wgTitle":"Cascading Style Sheets","wgCurRevisionId":26561520,"wgRevisionId":26561520,"wgArticleId":45641,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Artikel dengan pranala luar nonaktif","Artikel dengan pranala luar nonaktif permanen","CS1 sumber berbahasa Inggris (en)","Artikel yang perlu pemutakhiran November 2024","Semua artikel yang perlu pemutakhiran","Artikel Wikipedia dengan penanda GND","Artikel Wikipedia dengan penanda BNE","Artikel Wikipedia dengan penanda BNF","Artikel Wikipedia dengan penanda LCCN","Artikel Wikipedia dengan penanda NKC","Artikel Wikipedia dengan penanda MA", "Standar W3C","Bahasa skrip"],"wgPageViewLanguage":"id","wgPageContentLanguage":"id","wgPageContentModel":"wikitext","wgRelevantPageName":"Cascading_Style_Sheets","wgRelevantArticleId":45641,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"accuracy":{"levels":2}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"id","pageLanguageDir":"ltr","pageVariantFallbacks":"id"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":20000,"wgRelatedArticlesCompat":[],"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId": "Q46441","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.gadget.charinsert-styles":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","ext.pygments.view","site","mediawiki.page.ready", "jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.watchlist-notice","ext.gadget.charinsert","ext.gadget.refToolbar","ext.gadget.AdvancedSiteNotices","ext.gadget.switcher","ext.gadget.Bagikan","ext.gadget.CurIDLink","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession","oojs-ui.styles.icons-media","oojs-ui-core.icons","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=id&modules=ext.cite.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=id&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=id&modules=ext.gadget.charinsert-styles&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=id&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/9/9d/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1967"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/9/9d/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="1311"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg/640px-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="1049"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Cascading Style Sheets - Wikipedia bahasa Indonesia, ensiklopedia bebas"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//id.m.wikipedia.org/wiki/Cascading_Style_Sheets"> <link rel="alternate" type="application/x-wiki" title="Sunting" href="/w/index.php?title=Cascading_Style_Sheets&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (id)"> <link rel="EditURI" type="application/rsd+xml" href="//id.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://id.wikipedia.org/wiki/Cascading_Style_Sheets"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.id"> <link rel="alternate" type="application/atom+xml" title="Umpan Atom Wikipedia" href="/w/index.php?title=Istimewa:Perubahan_terbaru&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Cascading_Style_Sheets rootpage-Cascading_Style_Sheets skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Lompat ke isi</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Situs"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu utama" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Menu utama </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu utama</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">pindah ke bilah sisi</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">sembunyikan</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigasi </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage" class="mw-list-item"><a href="/wiki/Halaman_Utama" title="Kunjungi Halaman Utama [z]" accesskey="z">Halaman Utama</a></li><li id="n-Daftar-isi" class="mw-list-item"><a href="/wiki/Wikipedia:Isi">Daftar isi</a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Istimewa:Perubahan_terbaru" title="Daftar perubahan terbaru dalam wiki. [r]" accesskey="r">Perubahan terbaru</a></li><li id="n-Artikel-pilihan" class="mw-list-item"><a href="/wiki/Wikipedia:Artikel_pilihan/Topik">Artikel pilihan</a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Peristiwa_terkini" title="Temukan informasi tentang peristiwa terkini">Peristiwa terkini</a></li><li id="n-newpage" class="mw-list-item"><a href="/wiki/Istimewa:Halaman_baru">Halaman baru</a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Istimewa:Halaman_sembarang" title="Tampilkan sembarang halaman [x]" accesskey="x">Halaman sembarang</a></li> </ul> </div> </div> <div id="p-Komunitas" class="vector-menu mw-portlet mw-portlet-Komunitas" > <div class="vector-menu-heading"> Komunitas </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-Warung-Kopi" class="mw-list-item"><a href="/wiki/Wikipedia:Warung_Kopi">Warung Kopi</a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Portal:Komunitas" title="Tentang proyek, apa yang dapat Anda lakukan, di mana untuk mencari sesuatu">Portal komunitas</a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Bantuan:Isi" title="Tempat mencari bantuan.">Bantuan</a></li> </ul> </div> </div> <div id="p-Wikipedia" class="vector-menu mw-portlet mw-portlet-Wikipedia" > <div class="vector-menu-heading"> Wikipedia </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:Perihal">Tentang Wikipedia</a></li><li id="n-Pancapilar" class="mw-list-item"><a href="/wiki/Wikipedia:Pancapilar">Pancapilar</a></li><li id="n-Kebijakan" class="mw-list-item"><a href="/wiki/Wikipedia:Kebijakan_dan_pedoman">Kebijakan</a></li><li id="n-Hubungi-kami" class="mw-list-item"><a href="/wiki/Wikipedia:Hubungi_kami">Hubungi kami</a></li><li id="n-Bak-pasir" class="mw-list-item"><a href="/wiki/Wikipedia:Bak_pasir">Bak pasir</a></li> </ul> </div> </div> <div id="p-Bagikan" class="vector-menu mw-portlet mw-portlet-Bagikan emptyPortlet" > <div class="vector-menu-heading"> Bagikan </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Halaman_Utama" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="Ensiklopedia Bebas" src="/static/images/mobile/copyright/wikipedia-tagline-id.svg" width="120" height="14" style="width: 7.5em; height: 0.875em;"> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Istimewa:Pencarian" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Cari di Wikipedia [f]" accesskey="f"> Pencarian </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Telusuri Wikipedia" aria-label="Telusuri Wikipedia" autocapitalize="sentences" title="Cari di Wikipedia [f]" accesskey="f" id="searchInput" > </div> <input type="hidden" name="title" value="Istimewa:Pencarian"> </div> <button class="cdx-button cdx-search-input__end-button">Cari</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Perkakas pribadi"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Tampilan"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Tampilan" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Tampilan </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_id.wikipedia.org&uselang=id" class="">Menyumbang</a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Istimewa:Buat_akun&returnto=Cascading+Style+Sheets" title="Anda dianjurkan untuk membuat akun dan masuk log; meskipun, hal itu tidak diwajibkan" class="">Buat akun baru</a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Istimewa:Masuk_log&returnto=Cascading+Style+Sheets" title="Anda disarankan untuk masuk log, meskipun hal itu tidak diwajibkan. [o]" accesskey="o" class="">Masuk log</a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Opsi lainnya" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Perkakas pribadi" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Perkakas pribadi </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu pengguna" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_id.wikipedia.org&uselang=id">Menyumbang</a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Istimewa:Buat_akun&returnto=Cascading+Style+Sheets" title="Anda dianjurkan untuk membuat akun dan masuk log; meskipun, hal itu tidak diwajibkan"> Buat akun baru</a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Istimewa:Masuk_log&returnto=Cascading+Style+Sheets" title="Anda disarankan untuk masuk log, meskipun hal itu tidak diwajibkan. [o]" accesskey="o"> Masuk log</a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Halaman penyunting yang telah keluar log <a href="/wiki/Bantuan:Pengantar" aria-label="Pelajari lebih lanjut tentang menyunting">pelajari lebih lanjut</a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Istimewa:Kontribusi_saya" title="Daftar suntingan yang dibuat dari alamat IP ini [y]" accesskey="y">Kontribusi</a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Istimewa:Pembicaraan_saya" title="Pembicaraan tentang suntingan dari alamat IP ini [n]" accesskey="n">Pembicaraan</a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Situs"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Daftar isi" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Daftar isi</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">pindah ke bilah sisi</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">sembunyikan</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Awal</div> </a> </li> <li id="toc-Sejarah" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Sejarah"> <div class="vector-toc-text"> 1 Sejarah </div> </a> <ul id="toc-Sejarah-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Penulisan" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Penulisan"> <div class="vector-toc-text"> 2 Penulisan </div> </a> <button aria-controls="toc-Penulisan-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Gulingkan subbagian Penulisan </button> <ul id="toc-Penulisan-sublist" class="vector-toc-list"> <li id="toc-Inline_Style_Sheet" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Inline_Style_Sheet"> <div class="vector-toc-text"> 2.1 Inline Style Sheet </div> </a> <ul id="toc-Inline_Style_Sheet-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Internal_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Internal_CSS"> <div class="vector-toc-text"> 2.2 Internal CSS </div> </a> <ul id="toc-Internal_CSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-External_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#External_CSS"> <div class="vector-toc-text"> 2.3 External CSS </div> </a> <ul id="toc-External_CSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Shorthand_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Shorthand_CSS"> <div class="vector-toc-text"> 2.4 Shorthand CSS </div> </a> <ul id="toc-Shorthand_CSS-sublist" class="vector-toc-list"> <li id="toc-Margin" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Margin"> <div class="vector-toc-text"> 2.4.1 Margin </div> </a> <ul id="toc-Margin-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Padding" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Padding"> <div class="vector-toc-text"> 2.4.2 Padding </div> </a> <ul id="toc-Padding-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Font" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Font"> <div class="vector-toc-text"> 2.4.3 Font </div> </a> <ul id="toc-Font-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Background" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Background"> <div class="vector-toc-text"> 2.4.4 Background </div> </a> <ul id="toc-Background-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Border" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Border"> <div class="vector-toc-text"> 2.4.5 Border </div> </a> <ul id="toc-Border-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-List" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#List"> <div class="vector-toc-text"> 2.4.6 List </div> </a> <ul id="toc-List-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Penulisan_komentar_pada_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Penulisan_komentar_pada_CSS"> <div class="vector-toc-text"> 2.5 Penulisan komentar pada CSS </div> </a> <ul id="toc-Penulisan_komentar_pada_CSS-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-CSS_Selector" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#CSS_Selector"> <div class="vector-toc-text"> 3 CSS Selector </div> </a> <button aria-controls="toc-CSS_Selector-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Gulingkan subbagian CSS Selector </button> <ul id="toc-CSS_Selector-sublist" class="vector-toc-list"> <li id="toc-Universal_Selector" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Universal_Selector"> <div class="vector-toc-text"> 3.1 Universal Selector </div> </a> <ul id="toc-Universal_Selector-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Type_Selector" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Type_Selector"> <div class="vector-toc-text"> 3.2 Type Selector </div> </a> <ul id="toc-Type_Selector-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-ID_Selector" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#ID_Selector"> <div class="vector-toc-text"> 3.3 ID Selector </div> </a> <ul id="toc-ID_Selector-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Class_Selector" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Class_Selector"> <div class="vector-toc-text"> 3.4 Class Selector </div> </a> <ul id="toc-Class_Selector-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Grouping_Selector_pada_CSS" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Grouping_Selector_pada_CSS"> <div class="vector-toc-text"> 3.5 Grouping Selector pada CSS </div> </a> <ul id="toc-Grouping_Selector_pada_CSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Descendant_Selector" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Descendant_Selector"> <div class="vector-toc-text"> 3.6 Descendant Selector </div> </a> <ul id="toc-Descendant_Selector-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Child_Selector" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Child_Selector"> <div class="vector-toc-text"> 3.7 Child Selector </div> </a> <ul id="toc-Child_Selector-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Dukungan_dari_peramban_web" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Dukungan_dari_peramban_web"> <div class="vector-toc-text"> 4 Dukungan dari peramban web </div> </a> <ul id="toc-Dukungan_dari_peramban_web-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Penggunaan_CSS_dalam_perangkat_lunak_lain" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Penggunaan_CSS_dalam_perangkat_lunak_lain"> <div class="vector-toc-text"> 5 Penggunaan CSS dalam perangkat lunak lain </div> </a> <ul id="toc-Penggunaan_CSS_dalam_perangkat_lunak_lain-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Contoh_berkas" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Contoh_berkas"> <div class="vector-toc-text"> 6 Contoh berkas </div> </a> <ul id="toc-Contoh_berkas-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-CSS_Preprocessor" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#CSS_Preprocessor"> <div class="vector-toc-text"> 7 CSS Preprocessor </div> </a> <button aria-controls="toc-CSS_Preprocessor-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> Gulingkan subbagian CSS Preprocessor </button> <ul id="toc-CSS_Preprocessor-sublist" class="vector-toc-list"> <li id="toc-Variabel" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Variabel"> <div class="vector-toc-text"> 7.1 Variabel </div> </a> <ul id="toc-Variabel-sublist" class="vector-toc-list"> <li id="toc-Sass/SCSS" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Sass/SCSS"> <div class="vector-toc-text"> 7.1.1 Sass/SCSS </div> </a> <ul id="toc-Sass/SCSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Less_CSS" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Less_CSS"> <div class="vector-toc-text"> 7.1.2 Less CSS </div> </a> <ul id="toc-Less_CSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Stylus" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Stylus"> <div class="vector-toc-text"> 7.1.3 Stylus </div> </a> <ul id="toc-Stylus-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Nesting" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Nesting"> <div class="vector-toc-text"> 7.2 Nesting </div> </a> <ul id="toc-Nesting-sublist" class="vector-toc-list"> <li id="toc-Sass/SCSS_2" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Sass/SCSS_2"> <div class="vector-toc-text"> 7.2.1 Sass/SCSS </div> </a> <ul id="toc-Sass/SCSS_2-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Less_CSS_2" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Less_CSS_2"> <div class="vector-toc-text"> 7.2.2 Less CSS </div> </a> <ul id="toc-Less_CSS_2-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Stylus_2" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Stylus_2"> <div class="vector-toc-text"> 7.2.3 Stylus </div> </a> <ul id="toc-Stylus_2-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-CSS" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#CSS"> <div class="vector-toc-text"> 7.2.4 CSS </div> </a> <ul id="toc-CSS-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Lihat_pula" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Lihat_pula"> <div class="vector-toc-text"> 8 Lihat pula </div> </a> <ul id="toc-Lihat_pula-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Referensi" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Referensi"> <div class="vector-toc-text"> 9 Referensi </div> </a> <ul id="toc-Referensi-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Pranala_luar" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Pranala_luar"> <div class="vector-toc-text"> 10 Pranala luar </div> </a> <ul id="toc-Pranala_luar-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Daftar isi" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Gulingkan daftar isi" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" > Gulingkan daftar isi </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading">Cascading Style Sheets</h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Pergi ke artikel dalam bahasa lain. Terdapat 92 bahasa" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-92" aria-hidden="true" > 92 bahasa </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-af mw-list-item"><a href="https://af.wikipedia.org/wiki/CSS" title="CSS – Afrikaans" lang="af" hreflang="af" data-title="CSS" data-language-autonym="Afrikaans" data-language-local-name="Afrikaans" class="interlanguage-link-target">Afrikaans</a></li><li class="interlanguage-link interwiki-an mw-list-item"><a href="https://an.wikipedia.org/wiki/CSS" title="CSS – Aragon" lang="an" hreflang="an" data-title="CSS" data-language-autonym="Aragonés" data-language-local-name="Aragon" class="interlanguage-link-target">Aragonés</a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%A3%D9%88%D8%B1%D8%A7%D9%82_%D8%A7%D9%84%D8%A3%D9%86%D9%85%D8%A7%D8%B7_%D8%A7%D9%84%D9%85%D8%AA%D8%AA%D8%A7%D9%84%D9%8A%D8%A9" title="أوراق الأنماط المتتالية – Arab" lang="ar" hreflang="ar" data-title="أوراق الأنماط المتتالية" data-language-autonym="العربية" data-language-local-name="Arab" class="interlanguage-link-target">العربية</a></li><li class="interlanguage-link interwiki-as mw-list-item"><a href="https://as.wikipedia.org/wiki/%E0%A6%9A%E0%A6%BF_%E0%A6%8F%E0%A6%9B_%E0%A6%8F%E0%A6%9B" title="চি এছ এছ – Assam" lang="as" hreflang="as" data-title="চি এছ এছ" data-language-autonym="অসমীয়া" data-language-local-name="Assam" class="interlanguage-link-target">অসমীয়া</a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/CSS" title="CSS – Azerbaijani" lang="az" hreflang="az" data-title="CSS" data-language-autonym="Azərbaycanca" data-language-local-name="Azerbaijani" class="interlanguage-link-target">Azərbaycanca</a></li><li class="interlanguage-link interwiki-bar mw-list-item"><a href="https://bar.wikipedia.org/wiki/CSS" title="CSS – Bavaria" lang="bar" hreflang="bar" data-title="CSS" data-language-autonym="Boarisch" data-language-local-name="Bavaria" class="interlanguage-link-target">Boarisch</a></li><li class="interlanguage-link interwiki-bat-smg mw-list-item"><a href="https://bat-smg.wikipedia.org/wiki/CSS" title="CSS – Samogitian" lang="sgs" hreflang="sgs" data-title="CSS" data-language-autonym="Žemaitėška" data-language-local-name="Samogitian" class="interlanguage-link-target">Žemaitėška</a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BA%D0%B0%D0%B4%D0%BD%D1%8B%D1%8F_%D1%82%D0%B0%D0%B1%D0%BB%D1%96%D1%86%D1%8B_%D1%81%D1%82%D1%8B%D0%BB%D1%8F%D1%9E" title="Каскадныя табліцы стыляў – Belarusia" lang="be" hreflang="be" data-title="Каскадныя табліцы стыляў" data-language-autonym="Беларуская" data-language-local-name="Belarusia" class="interlanguage-link-target">Беларуская</a></li><li class="interlanguage-link interwiki-be-x-old mw-list-item"><a href="https://be-tarask.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BA%D0%B0%D0%B4%D0%BD%D1%8B%D1%8F_%D1%82%D0%B0%D0%B1%D0%BB%D1%96%D1%86%D1%8B_%D1%81%D1%82%D1%8B%D0%BB%D1%8F%D1%9E" title="Каскадныя табліцы стыляў – Belarusian (Taraškievica orthography)" lang="be-tarask" hreflang="be-tarask" data-title="Каскадныя табліцы стыляў" data-language-autonym="Беларуская (тарашкевіца)" data-language-local-name="Belarusian (Taraškievica orthography)" class="interlanguage-link-target">Беларуская (тарашкевіца)</a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/CSS" title="CSS – Bulgaria" lang="bg" hreflang="bg" data-title="CSS" data-language-autonym="Български" data-language-local-name="Bulgaria" class="interlanguage-link-target">Български</a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%95%E0%A7%8D%E0%A6%AF%E0%A6%BE%E0%A6%B8%E0%A6%95%E0%A7%87%E0%A6%A1%E0%A6%BF%E0%A6%82_%E0%A6%B8%E0%A7%8D%E0%A6%9F%E0%A6%BE%E0%A6%87%E0%A6%B2_%E0%A6%B6%E0%A7%80%E0%A6%9F%E0%A6%B8" title="ক্যাসকেডিং স্টাইল শীটস – Bengali" lang="bn" hreflang="bn" data-title="ক্যাসকেডিং স্টাইল শীটস" data-language-autonym="বাংলা" data-language-local-name="Bengali" class="interlanguage-link-target">বাংলা</a></li><li class="interlanguage-link interwiki-br mw-list-item"><a href="https://br.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Breton" lang="br" hreflang="br" data-title="Cascading Style Sheets" data-language-autonym="Brezhoneg" data-language-local-name="Breton" class="interlanguage-link-target">Brezhoneg</a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/CSS" title="CSS – Bosnia" lang="bs" hreflang="bs" data-title="CSS" data-language-autonym="Bosanski" data-language-local-name="Bosnia" class="interlanguage-link-target">Bosanski</a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Katalan" lang="ca" hreflang="ca" data-title="Cascading Style Sheets" data-language-autonym="Català" data-language-local-name="Katalan" class="interlanguage-link-target">Català</a></li><li class="interlanguage-link interwiki-ckb mw-list-item"><a href="https://ckb.wikipedia.org/wiki/%D8%B3%DB%8C_%D8%A6%DB%8E%D8%B3_%D8%A6%DB%8E%D8%B3" title="سی ئێس ئێس – Kurdi Sorani" lang="ckb" hreflang="ckb" data-title="سی ئێس ئێس" data-language-autonym="کوردی" data-language-local-name="Kurdi Sorani" class="interlanguage-link-target">کوردی</a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Kask%C3%A1dov%C3%A9_styly" title="Kaskádové styly – Cheska" lang="cs" hreflang="cs" data-title="Kaskádové styly" data-language-autonym="Čeština" data-language-local-name="Cheska" class="interlanguage-link-target">Čeština</a></li><li class="interlanguage-link interwiki-cy mw-list-item"><a href="https://cy.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Welsh" lang="cy" hreflang="cy" data-title="Cascading Style Sheets" data-language-autonym="Cymraeg" data-language-local-name="Welsh" class="interlanguage-link-target">Cymraeg</a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/CSS" title="CSS – Dansk" lang="da" hreflang="da" data-title="CSS" data-language-autonym="Dansk" data-language-local-name="Dansk" class="interlanguage-link-target">Dansk</a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Jerman" lang="de" hreflang="de" data-title="Cascading Style Sheets" data-language-autonym="Deutsch" data-language-local-name="Jerman" class="interlanguage-link-target">Deutsch</a></li><li class="interlanguage-link interwiki-diq mw-list-item"><a href="https://diq.wikipedia.org/wiki/CSS%C3%AA_xasi" title="CSSê xasi – Zazaki" lang="diq" hreflang="diq" data-title="CSSê xasi" data-language-autonym="Zazaki" data-language-local-name="Zazaki" class="interlanguage-link-target">Zazaki</a></li><li class="interlanguage-link interwiki-dsb mw-list-item"><a href="https://dsb.wikipedia.org/wiki/CSS" title="CSS – Sorbia Hilir" lang="dsb" hreflang="dsb" data-title="CSS" data-language-autonym="Dolnoserbski" data-language-local-name="Sorbia Hilir" class="interlanguage-link-target">Dolnoserbski</a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/CSS" title="CSS – Yunani" lang="el" hreflang="el" data-title="CSS" data-language-autonym="Ελληνικά" data-language-local-name="Yunani" class="interlanguage-link-target">Ελληνικά</a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/CSS" title="CSS – Inggris" lang="en" hreflang="en" data-title="CSS" data-language-autonym="English" data-language-local-name="Inggris" class="interlanguage-link-target">English</a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/CSS" title="CSS – Esperanto" lang="eo" hreflang="eo" data-title="CSS" data-language-autonym="Esperanto" data-language-local-name="Esperanto" class="interlanguage-link-target">Esperanto</a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/CSS" title="CSS – Spanyol" lang="es" hreflang="es" data-title="CSS" data-language-autonym="Español" data-language-local-name="Spanyol" class="interlanguage-link-target">Español</a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/CSS" title="CSS – Esti" lang="et" hreflang="et" data-title="CSS" data-language-autonym="Eesti" data-language-local-name="Esti" class="interlanguage-link-target">Eesti</a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/CSS" title="CSS – Basque" lang="eu" hreflang="eu" data-title="CSS" data-language-autonym="Euskara" data-language-local-name="Basque" class="interlanguage-link-target">Euskara</a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%B3%DB%8C%E2%80%8C%D8%A7%D8%B3%E2%80%8C%D8%A7%D8%B3" title="سی‌اس‌اس – Persia" lang="fa" hreflang="fa" data-title="سی‌اس‌اس" data-language-autonym="فارسی" data-language-local-name="Persia" class="interlanguage-link-target">فارسی</a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/CSS" title="CSS – Suomi" lang="fi" hreflang="fi" data-title="CSS" data-language-autonym="Suomi" data-language-local-name="Suomi" class="interlanguage-link-target">Suomi</a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade" title="Feuilles de style en cascade – Prancis" lang="fr" hreflang="fr" data-title="Feuilles de style en cascade" data-language-autonym="Français" data-language-local-name="Prancis" class="interlanguage-link-target">Français</a></li><li class="interlanguage-link interwiki-frr mw-list-item"><a href="https://frr.wikipedia.org/wiki/CSS" title="CSS – Frisia Utara" lang="frr" hreflang="frr" data-title="CSS" data-language-autonym="Nordfriisk" data-language-local-name="Frisia Utara" class="interlanguage-link-target">Nordfriisk</a></li><li class="interlanguage-link interwiki-ga mw-list-item"><a href="https://ga.wikipedia.org/wiki/St%C3%ADlbhileoga_casc%C3%A1ideacha" title="Stílbhileoga cascáideacha – Irlandia" lang="ga" hreflang="ga" data-title="Stílbhileoga cascáideacha" data-language-autonym="Gaeilge" data-language-local-name="Irlandia" class="interlanguage-link-target">Gaeilge</a></li><li class="interlanguage-link interwiki-gd mw-list-item"><a href="https://gd.wikipedia.org/wiki/CSS" title="CSS – Gaelik Skotlandia" lang="gd" hreflang="gd" data-title="CSS" data-language-autonym="Gàidhlig" data-language-local-name="Gaelik Skotlandia" class="interlanguage-link-target">Gàidhlig</a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/CSS" title="CSS – Galisia" lang="gl" hreflang="gl" data-title="CSS" data-language-autonym="Galego" data-language-local-name="Galisia" class="interlanguage-link-target">Galego</a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%92%D7%99%D7%9C%D7%99%D7%95%D7%A0%D7%95%D7%AA_%D7%A1%D7%92%D7%A0%D7%95%D7%9F_%D7%9E%D7%93%D7%95%D7%A8%D7%92%D7%99%D7%9D" title="גיליונות סגנון מדורגים – Ibrani" lang="he" hreflang="he" data-title="גיליונות סגנון מדורגים" data-language-autonym="עברית" data-language-local-name="Ibrani" class="interlanguage-link-target">עברית</a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%B8%E0%A5%80%E0%A4%8F%E0%A4%B8%E0%A4%8F%E0%A4%B8" title="सीएसएस – Hindi" lang="hi" hreflang="hi" data-title="सीएसएस" data-language-autonym="हिन्दी" data-language-local-name="Hindi" class="interlanguage-link-target">हिन्दी</a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/CSS" title="CSS – Kroasia" lang="hr" hreflang="hr" data-title="CSS" data-language-autonym="Hrvatski" data-language-local-name="Kroasia" class="interlanguage-link-target">Hrvatski</a></li><li class="interlanguage-link interwiki-hsb mw-list-item"><a href="https://hsb.wikipedia.org/wiki/CSS" title="CSS – Sorbia Hulu" lang="hsb" hreflang="hsb" data-title="CSS" data-language-autonym="Hornjoserbsce" data-language-local-name="Sorbia Hulu" class="interlanguage-link-target">Hornjoserbsce</a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/CSS" title="CSS – Hungaria" lang="hu" hreflang="hu" data-title="CSS" data-language-autonym="Magyar" data-language-local-name="Hungaria" class="interlanguage-link-target">Magyar</a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/%D4%BF%D5%A1%D5%BD%D5%AF%D5%A1%D5%A4%D5%A1%D5%B5%D5%AB%D5%B6_%D5%B8%D5%B3%D5%A1%D5%A9%D5%A5%D6%80%D5%A9" title="Կասկադային ոճաթերթ – Armenia" lang="hy" hreflang="hy" data-title="Կասկադային ոճաթերթ" data-language-autonym="Հայերեն" data-language-local-name="Armenia" class="interlanguage-link-target">Հայերեն</a></li><li class="interlanguage-link interwiki-ia mw-list-item"><a href="https://ia.wikipedia.org/wiki/CSS" title="CSS – Interlingua" lang="ia" hreflang="ia" data-title="CSS" data-language-autonym="Interlingua" data-language-local-name="Interlingua" class="interlanguage-link-target">Interlingua</a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/CSS" title="CSS – Islandia" lang="is" hreflang="is" data-title="CSS" data-language-autonym="Íslenska" data-language-local-name="Islandia" class="interlanguage-link-target">Íslenska</a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/CSS" title="CSS – Italia" lang="it" hreflang="it" data-title="CSS" data-language-autonym="Italiano" data-language-local-name="Italia" class="interlanguage-link-target">Italiano</a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Jepang" lang="ja" hreflang="ja" data-title="Cascading Style Sheets" data-language-autonym="日本語" data-language-local-name="Jepang" class="interlanguage-link-target">日本語</a></li><li class="interlanguage-link interwiki-ka mw-list-item"><a href="https://ka.wikipedia.org/wiki/CSS" title="CSS – Georgia" lang="ka" hreflang="ka" data-title="CSS" data-language-autonym="ქართული" data-language-local-name="Georgia" class="interlanguage-link-target">ქართული</a></li><li class="interlanguage-link interwiki-kaa mw-list-item"><a href="https://kaa.wikipedia.org/wiki/Css" title="Css – Kara-Kalpak" lang="kaa" hreflang="kaa" data-title="Css" data-language-autonym="Qaraqalpaqsha" data-language-local-name="Kara-Kalpak" class="interlanguage-link-target">Qaraqalpaqsha</a></li><li class="interlanguage-link interwiki-kab mw-list-item"><a href="https://kab.wikipedia.org/wiki/Tiferkiyin_n_wa%C9%A3anen_ikussimen" title="Tiferkiyin n waɣanen ikussimen – Kabyle" lang="kab" hreflang="kab" data-title="Tiferkiyin n waɣanen ikussimen" data-language-autonym="Taqbaylit" data-language-local-name="Kabyle" class="interlanguage-link-target">Taqbaylit</a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/CSS" title="CSS – Kazakh" lang="kk" hreflang="kk" data-title="CSS" data-language-autonym="Қазақша" data-language-local-name="Kazakh" class="interlanguage-link-target">Қазақша</a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/CSS" title="CSS – Korea" lang="ko" hreflang="ko" data-title="CSS" data-language-autonym="한국어" data-language-local-name="Korea" class="interlanguage-link-target">한국어</a></li><li class="interlanguage-link interwiki-ky mw-list-item"><a href="https://ky.wikipedia.org/wiki/CSS" title="CSS – Kirgiz" lang="ky" hreflang="ky" data-title="CSS" data-language-autonym="Кыргызча" data-language-local-name="Kirgiz" class="interlanguage-link-target">Кыргызча</a></li><li class="interlanguage-link interwiki-lfn mw-list-item"><a href="https://lfn.wikipedia.org/wiki/CSS" title="CSS – Lingua Franca Nova" lang="lfn" hreflang="lfn" data-title="CSS" data-language-autonym="Lingua Franca Nova" data-language-local-name="Lingua Franca Nova" class="interlanguage-link-target">Lingua Franca Nova</a></li><li class="interlanguage-link interwiki-lmo mw-list-item"><a href="https://lmo.wikipedia.org/wiki/CSS" title="CSS – Lombard" lang="lmo" hreflang="lmo" data-title="CSS" data-language-autonym="Lombard" data-language-local-name="Lombard" class="interlanguage-link-target">Lombard</a></li><li class="interlanguage-link interwiki-lt mw-list-item"><a href="https://lt.wikipedia.org/wiki/CSS" title="CSS – Lituavi" lang="lt" hreflang="lt" data-title="CSS" data-language-autonym="Lietuvių" data-language-local-name="Lituavi" class="interlanguage-link-target">Lietuvių</a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/CSS" title="CSS – Latvi" lang="lv" hreflang="lv" data-title="CSS" data-language-autonym="Latviešu" data-language-local-name="Latvi" class="interlanguage-link-target">Latviešu</a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/CSS" title="CSS – Makedonia" lang="mk" hreflang="mk" data-title="CSS" data-language-autonym="Македонски" data-language-local-name="Makedonia" class="interlanguage-link-target">Македонски</a></li><li class="interlanguage-link interwiki-ml mw-list-item"><a href="https://ml.wikipedia.org/wiki/%E0%B4%95%E0%B4%BE%E0%B4%B8%E0%B5%8D%E2%80%8C%E0%B4%95%E0%B5%87%E0%B4%A1%E0%B4%BF%E0%B4%99%E0%B5%8D%E0%B4%99%E0%B5%8D_%E0%B4%B8%E0%B5%8D%E0%B4%B1%E0%B5%8D%E0%B4%B1%E0%B5%88%E0%B5%BD_%E0%B4%B7%E0%B5%80%E0%B4%B1%E0%B5%8D%E0%B4%B1%E0%B5%8D%E2%80%8C%E0%B4%B8%E0%B5%8D" title="കാസ്‌കേഡിങ്ങ് സ്റ്റൈൽ ഷീറ്റ്‌സ് – Malayalam" lang="ml" hreflang="ml" data-title="കാസ്‌കേഡിങ്ങ് സ്റ്റൈൽ ഷീറ്റ്‌സ്" data-language-autonym="മലയാളം" data-language-local-name="Malayalam" class="interlanguage-link-target">മലയാളം</a></li><li class="interlanguage-link interwiki-mni mw-list-item"><a href="https://mni.wikipedia.org/wiki/%EA%AF%80%EA%AF%A6%EA%AF%81%EA%AF%80%EA%AF%97%EA%AF%A4%EA%AF%A1_%EA%AF%81%EA%AF%AD%EA%AF%87%EA%AF%A5%EA%AF%8F%EA%AF%9C_%EA%AF%81%EA%AF%A4%EA%AF%A0%EA%AF%81" title="ꯀꯦꯁꯀꯗꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯁꯤꯠꯁ – Manipuri" lang="mni" hreflang="mni" data-title="ꯀꯦꯁꯀꯗꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯁꯤꯠꯁ" data-language-autonym="ꯃꯤꯇꯩ ꯂꯣꯟ" data-language-local-name="Manipuri" class="interlanguage-link-target">ꯃꯤꯇꯩ ꯂꯣꯟ</a></li><li class="interlanguage-link interwiki-ms mw-list-item"><a href="https://ms.wikipedia.org/wiki/Lembaran_Gaya_Lata" title="Lembaran Gaya Lata – Melayu" lang="ms" hreflang="ms" data-title="Lembaran Gaya Lata" data-language-autonym="Bahasa Melayu" data-language-local-name="Melayu" class="interlanguage-link-target">Bahasa Melayu</a></li><li class="interlanguage-link interwiki-my mw-list-item"><a href="https://my.wikipedia.org/wiki/%E1%80%85%E1%80%AE%E1%80%A1%E1%80%80%E1%80%BA%E1%80%85%E1%80%BA%E1%80%A1%E1%80%80%E1%80%BA%E1%80%85%E1%80%BA" title="စီအက်စ်အက်စ် – Burma" lang="my" hreflang="my" data-title="စီအက်စ်အက်စ်" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="Burma" class="interlanguage-link-target">မြန်မာဘာသာ</a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Belanda" lang="nl" hreflang="nl" data-title="Cascading Style Sheets" data-language-autonym="Nederlands" data-language-local-name="Belanda" class="interlanguage-link-target">Nederlands</a></li><li class="interlanguage-link interwiki-nn mw-list-item"><a href="https://nn.wikipedia.org/wiki/Stilark" title="Stilark – Nynorsk Norwegia" lang="nn" hreflang="nn" data-title="Stilark" data-language-autonym="Norsk nynorsk" data-language-local-name="Nynorsk Norwegia" class="interlanguage-link-target">Norsk nynorsk</a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Bokmål Norwegia" lang="nb" hreflang="nb" data-title="Cascading Style Sheets" data-language-autonym="Norsk bokmål" data-language-local-name="Bokmål Norwegia" class="interlanguage-link-target">Norsk bokmål</a></li><li class="interlanguage-link interwiki-pa mw-list-item"><a href="https://pa.wikipedia.org/wiki/%E0%A8%B8%E0%A9%80.%E0%A8%90%E0%A8%B8.%E0%A8%90%E0%A8%B8" title="ਸੀ.ਐਸ.ਐਸ – Punjabi" lang="pa" hreflang="pa" data-title="ਸੀ.ਐਸ.ਐਸ" data-language-autonym="ਪੰਜਾਬੀ" data-language-local-name="Punjabi" class="interlanguage-link-target">ਪੰਜਾਬੀ</a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Kaskadowe_arkusze_styl%C3%B3w" title="Kaskadowe arkusze stylów – Polski" lang="pl" hreflang="pl" data-title="Kaskadowe arkusze stylów" data-language-autonym="Polski" data-language-local-name="Polski" class="interlanguage-link-target">Polski</a></li><li class="interlanguage-link interwiki-pnb mw-list-item"><a href="https://pnb.wikipedia.org/wiki/%D8%B3%DB%8C_%D8%A7%DB%8C%D8%B3_%D8%A7%DB%8C%D8%B3" title="سی ایس ایس – Western Punjabi" lang="pnb" hreflang="pnb" data-title="سی ایس ایس" data-language-autonym="پنجابی" data-language-local-name="Western Punjabi" class="interlanguage-link-target">پنجابی</a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Portugis" lang="pt" hreflang="pt" data-title="Cascading Style Sheets" data-language-autonym="Português" data-language-local-name="Portugis" class="interlanguage-link-target">Português</a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Rumania" lang="ro" hreflang="ro" data-title="Cascading Style Sheets" data-language-autonym="Română" data-language-local-name="Rumania" class="interlanguage-link-target">Română</a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/CSS" title="CSS – Rusia" lang="ru" hreflang="ru" data-title="CSS" data-language-autonym="Русский" data-language-local-name="Rusia" class="interlanguage-link-target">Русский</a></li><li class="interlanguage-link interwiki-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/CSS" title="CSS – Serbo-Kroasia" lang="sh" hreflang="sh" data-title="CSS" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="Serbo-Kroasia" class="interlanguage-link-target">Srpskohrvatski / српскохрватски</a></li><li class="interlanguage-link interwiki-si mw-list-item"><a href="https://si.wikipedia.org/wiki/%E0%B7%83%E0%B6%82%E0%B6%BA%E0%B7%94%E0%B6%9A%E0%B7%8A%E0%B6%AD_%E0%B7%83%E0%B7%90%E0%B6%BB%E0%B7%83%E0%B7%94%E0%B6%B8%E0%B7%8A_%E0%B6%B4%E0%B7%92%E2%80%8D%E0%B6%A7%E0%B7%94(CSS)" title="සංයුක්ත සැරසුම් පි‍ටු(CSS) – Sinhala" lang="si" hreflang="si" data-title="සංයුක්ත සැරසුම් පි‍ටු(CSS)" data-language-autonym="සිංහල" data-language-local-name="Sinhala" class="interlanguage-link-target">සිංහල</a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Simple English" lang="en-simple" hreflang="en-simple" data-title="Cascading Style Sheets" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target">Simple English</a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Kask%C3%A1dov%C3%A9_%C5%A1t%C3%BDly" title="Kaskádové štýly – Slovak" lang="sk" hreflang="sk" data-title="Kaskádové štýly" data-language-autonym="Slovenčina" data-language-local-name="Slovak" class="interlanguage-link-target">Slovenčina</a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/CSS" title="CSS – Sloven" lang="sl" hreflang="sl" data-title="CSS" data-language-autonym="Slovenščina" data-language-local-name="Sloven" class="interlanguage-link-target">Slovenščina</a></li><li class="interlanguage-link interwiki-sq mw-list-item"><a href="https://sq.wikipedia.org/wiki/Fletat_e_Stileve_t%C3%AB_Shkall%C3%ABzuar" title="Fletat e Stileve të Shkallëzuar – Albania" lang="sq" hreflang="sq" data-title="Fletat e Stileve të Shkallëzuar" data-language-autonym="Shqip" data-language-local-name="Albania" class="interlanguage-link-target">Shqip</a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/CSS" title="CSS – Serbia" lang="sr" hreflang="sr" data-title="CSS" data-language-autonym="Српски / srpski" data-language-local-name="Serbia" class="interlanguage-link-target">Српски / srpski</a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Swedia" lang="sv" hreflang="sv" data-title="Cascading Style Sheets" data-language-autonym="Svenska" data-language-local-name="Swedia" class="interlanguage-link-target">Svenska</a></li><li class="interlanguage-link interwiki-ta mw-list-item"><a href="https://ta.wikipedia.org/wiki/%E0%AE%B5%E0%AE%BF%E0%AE%B4%E0%AF%81%E0%AE%A4%E0%AF%8D%E0%AE%A4%E0%AF%8A%E0%AE%9F%E0%AE%B0%E0%AF%8D_%E0%AE%AA%E0%AE%BE%E0%AE%A3%E0%AE%BF%E0%AE%A4%E0%AF%8D_%E0%AE%A4%E0%AE%BE%E0%AE%B3%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D" title="விழுத்தொடர் பாணித் தாள்கள் – Tamil" lang="ta" hreflang="ta" data-title="விழுத்தொடர் பாணித் தாள்கள்" data-language-autonym="தமிழ்" data-language-local-name="Tamil" class="interlanguage-link-target">தமிழ்</a></li><li class="interlanguage-link interwiki-tet mw-list-item"><a href="https://tet.wikipedia.org/wiki/CSS" title="CSS – Tetun" lang="tet" hreflang="tet" data-title="CSS" data-language-autonym="Tetun" data-language-local-name="Tetun" class="interlanguage-link-target">Tetun</a></li><li class="interlanguage-link interwiki-tg mw-list-item"><a href="https://tg.wikipedia.org/wiki/CSS" title="CSS – Tajik" lang="tg" hreflang="tg" data-title="CSS" data-language-autonym="Тоҷикӣ" data-language-local-name="Tajik" class="interlanguage-link-target">Тоҷикӣ</a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%84%E0%B8%AA%E0%B9%80%E0%B8%84%E0%B8%94%E0%B8%94%E0%B8%B4%E0%B8%87%E0%B8%AA%E0%B9%84%E0%B8%95%E0%B8%A5%E0%B9%8C%E0%B8%8A%E0%B8%B5%E0%B8%95%E0%B8%AA%E0%B9%8C" title="แคสเคดดิงสไตล์ชีตส์ – Thai" lang="th" hreflang="th" data-title="แคสเคดดิงสไตล์ชีตส์" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target">ไทย</a></li><li class="interlanguage-link interwiki-tk mw-list-item"><a href="https://tk.wikipedia.org/wiki/CSS" title="CSS – Turkmen" lang="tk" hreflang="tk" data-title="CSS" data-language-autonym="Türkmençe" data-language-local-name="Turkmen" class="interlanguage-link-target">Türkmençe</a></li><li class="interlanguage-link interwiki-tl mw-list-item"><a href="https://tl.wikipedia.org/wiki/CSS" title="CSS – Tagalog" lang="tl" hreflang="tl" data-title="CSS" data-language-autonym="Tagalog" data-language-local-name="Tagalog" class="interlanguage-link-target">Tagalog</a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/CSS" title="CSS – Turki" lang="tr" hreflang="tr" data-title="CSS" data-language-autonym="Türkçe" data-language-local-name="Turki" class="interlanguage-link-target">Türkçe</a></li><li class="interlanguage-link interwiki-ug mw-list-item"><a href="https://ug.wikipedia.org/wiki/CSS" title="CSS – Uyghur" lang="ug" hreflang="ug" data-title="CSS" data-language-autonym="ئۇيغۇرچە / Uyghurche" data-language-local-name="Uyghur" class="interlanguage-link-target">ئۇيغۇرچە / Uyghurche</a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/CSS" title="CSS – Ukraina" lang="uk" hreflang="uk" data-title="CSS" data-language-autonym="Українська" data-language-local-name="Ukraina" class="interlanguage-link-target">Українська</a></li><li class="interlanguage-link interwiki-ur mw-list-item"><a href="https://ur.wikipedia.org/wiki/%D8%B3%DB%8C_%D8%A7%DB%8C%D8%B3_%D8%A7%DB%8C%D8%B3" title="سی ایس ایس – Urdu" lang="ur" hreflang="ur" data-title="سی ایس ایس" data-language-autonym="اردو" data-language-local-name="Urdu" class="interlanguage-link-target">اردو</a></li><li class="interlanguage-link interwiki-uz mw-list-item"><a href="https://uz.wikipedia.org/wiki/CSS" title="CSS – Uzbek" lang="uz" hreflang="uz" data-title="CSS" data-language-autonym="Oʻzbekcha / ўзбекча" data-language-local-name="Uzbek" class="interlanguage-link-target">Oʻzbekcha / ўзбекча</a></li><li class="interlanguage-link interwiki-vec mw-list-item"><a href="https://vec.wikipedia.org/wiki/CSS" title="CSS – Venesia" lang="vec" hreflang="vec" data-title="CSS" data-language-autonym="Vèneto" data-language-local-name="Venesia" class="interlanguage-link-target">Vèneto</a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/CSS" title="CSS – Vietnam" lang="vi" hreflang="vi" data-title="CSS" data-language-autonym="Tiếng Việt" data-language-local-name="Vietnam" class="interlanguage-link-target">Tiếng Việt</a></li><li class="interlanguage-link interwiki-wuu mw-list-item"><a href="https://wuu.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8" title="层叠样式表 – Wu Tionghoa" lang="wuu" hreflang="wuu" data-title="层叠样式表" data-language-autonym="吴语" data-language-local-name="Wu Tionghoa" class="interlanguage-link-target">吴语</a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/CSS" title="CSS – Tionghoa" lang="zh" hreflang="zh" data-title="CSS" data-language-autonym="中文" data-language-local-name="Tionghoa" class="interlanguage-link-target">中文</a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/CSS" title="CSS – Kanton" lang="yue" hreflang="yue" data-title="CSS" data-language-autonym="粵語" data-language-local-name="Kanton" class="interlanguage-link-target">粵語</a></li> </ul> <div class="after-portlet after-portlet-lang"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q46441#sitelinks-wikipedia" title="Sunting pranala interwiki" class="wbc-editpage">Sunting pranala</a></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Ruang nama"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Cascading_Style_Sheets" title="Lihat halaman isi [c]" accesskey="c">Halaman</a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Pembicaraan:Cascading_Style_Sheets" rel="discussion" title="Pembicaraan halaman isi [t]" accesskey="t">Pembicaraan</a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Ubah varian bahasa" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" >Bahasa Indonesia </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Tampilan"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Cascading_Style_Sheets">Baca</a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit" title="Sunting halaman ini [v]" accesskey="v">Sunting</a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&action=edit" title="Sunting kode sumber halaman ini [e]" accesskey="e">Sunting sumber</a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&action=history" title="Revisi sebelumnya dari halaman ini. [h]" accesskey="h">Lihat riwayat</a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Peralatan halaman"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Perkakas" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" >Perkakas </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Perkakas</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">pindah ke bilah sisi</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">sembunyikan</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Opsi lainnya" > <div class="vector-menu-heading"> Tindakan </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Cascading_Style_Sheets">Baca</a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit" title="Sunting halaman ini [v]" accesskey="v">Sunting</a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&action=edit" title="Sunting kode sumber halaman ini [e]" accesskey="e">Sunting sumber</a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&action=history">Lihat riwayat</a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Umum </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Istimewa:Pranala_balik/Cascading_Style_Sheets" title="Daftar semua halaman wiki yang memiliki pranala ke halaman ini [j]" accesskey="j">Pranala balik</a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Istimewa:Perubahan_terkait/Cascading_Style_Sheets" rel="nofollow" title="Perubahan terbaru halaman-halaman yang memiliki pranala ke halaman ini [k]" accesskey="k">Perubahan terkait</a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Istimewa:Halaman_istimewa" title="Daftar semua halaman istimewa [q]" accesskey="q">Halaman istimewa</a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&oldid=26561520" title="Pranala permanen untuk revisi halaman ini">Pranala permanen</a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&action=info" title="Informasi lanjut tentang halaman ini">Informasi halaman</a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Istimewa:Kutip&page=Cascading_Style_Sheets&id=26561520&wpFormIdentifier=titleform" title="Informasi tentang bagaimana mengutip halaman ini">Kutip halaman ini</a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Istimewa:UrlShortener&url=https%3A%2F%2Fid.wikipedia.org%2Fwiki%2FCascading_Style_Sheets">Lihat URL pendek</a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Istimewa:QrCode&url=https%3A%2F%2Fid.wikipedia.org%2Fwiki%2FCascading_Style_Sheets">Unduh kode QR</a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Cetak/ekspor </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Istimewa:Buku&bookcmd=book_creator&referer=Cascading+Style+Sheets">Buat buku</a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Istimewa:DownloadAsPdf&page=Cascading_Style_Sheets&action=show-download-screen">Unduh versi PDF</a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Cascading_Style_Sheets&printable=yes" title="Versi cetak halaman ini [p]" accesskey="p">Versi cetak</a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> Dalam proyek lain </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Cascading_Style_Sheets" hreflang="en">Wikimedia Commons</a></li><li class="wb-otherproject-link wb-otherproject-mediawiki mw-list-item"><a href="https://www.mediawiki.org/wiki/Manual:CSS" hreflang="en">MediaWiki</a></li><li class="wb-otherproject-link wb-otherproject-wikibooks mw-list-item"><a href="https://id.wikibooks.org/wiki/Pemrograman_CSS" hreflang="id">Wikibuku</a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q46441" title="Pranala untuk menghubungkan butir pada ruang penyimpanan data [g]" accesskey="g">Butir di Wikidata</a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Peralatan halaman"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Tampilan"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Tampilan</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">pindah ke bilah sisi</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">sembunyikan</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Dari Wikipedia bahasa Indonesia, ensiklopedia bebas</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="id" dir="ltr"><style data-mw-deduplicate="TemplateStyles:r22657712">.mw-parser-output .infobox-subbox{padding:0;border:none;margin:-3px;width:auto;min-width:100%;font-size:100%;clear:none;float:none;background-color:transparent}.mw-parser-output .infobox-3cols-child{margin:auto}.mw-parser-output .infobox .navbar{font-size:100%}body.skin-minerva .mw-parser-output .infobox-header,body.skin-minerva .mw-parser-output .infobox-subheader,body.skin-minerva .mw-parser-output .infobox-above,body.skin-minerva .mw-parser-output .infobox-title,body.skin-minerva .mw-parser-output .infobox-image,body.skin-minerva .mw-parser-output .infobox-full-data,body.skin-minerva .mw-parser-output .infobox-below{text-align:center}</style><table class="infobox"><caption class="infobox-title">Cascading Style Sheets (CSS)</caption><tbody><tr><td colspan="2" class="infobox-full-data"><a href="/wiki/Berkas:CSS3_logo_and_wordmark.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/100px-CSS3_logo_and_wordmark.svg.png" decoding="async" width="100" height="141" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/150px-CSS3_logo_and_wordmark.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/200px-CSS3_logo_and_wordmark.svg.png 2x" data-file-width="363" data-file-height="512" /></a></td></tr><tr><td colspan="2" class="infobox-full-data"><a href="/wiki/Berkas:%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9d/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg/200px-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg" decoding="async" width="200" height="328" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9d/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg/300px-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9d/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg/400px-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg 2x" data-file-width="720" data-file-height="1180" /></a> Contoh dari <a href="/wiki/Kode_sumber" title="Kode sumber">kode sumber</a> CSS</td></tr><tr><th scope="row" class="infobox-label">Ekstensi berkas</th><td class="infobox-data"><code>.css</code></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/Multipurpose_Internet_Mail_Extension" class="mw-redirect" title="Multipurpose Internet Mail Extension">Jenis MIME</a></th><td class="infobox-data"><code>text/css</code></td></tr><tr><th scope="row" class="infobox-label">Uniform Type Identifier</th><td class="infobox-data">public.css</td></tr><tr><th scope="row" class="infobox-label">Rilis pertama</th><td class="infobox-data">17 Desember 1996; 27 tahun lalu (1996-12-17)</td></tr><tr><th scope="row" class="infobox-label">Rilis terbaru</th><td class="infobox-data">CSS 2.1 : Level 2 Revision 1 / 12 April 2016; 8 tahun lalu (2016-04-12)</td></tr><tr><th scope="row" class="infobox-label">Jenis format</th><td class="infobox-data"><a href="/wiki/Bahasa_lembar_gaya" title="Bahasa lembar gaya">Bahasa lembar gaya</a></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/Standar" class="mw-redirect" title="Standar">Standar</a></th><td class="infobox-data"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS1">Level 1 (Rekomendasi)</a> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS2/">Level 2 (Rekomendasi)</a> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS21/">Level 2 Revision 1 (Rekomendasi kandidat)</a></td></tr><tr><th scope="row" class="infobox-label"><a href="/wiki/Situs_web" title="Situs web">Situs web</a></th><td class="infobox-data"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/CSS/#css">www.w3.org/TR/CSS/#css</a></td></tr></tbody></table> Cascading Style Sheet (disingkat CSS) adalah bahasa lembar gaya yang digunakan sebagai penentu <a href="/wiki/Presentasi" title="Presentasi">presentasi</a> dan gaya dokumen yang ditulis dalam <a href="/wiki/Bahasa_markup" class="mw-redirect" title="Bahasa markup">bahasa markup</a> seperti <a href="/wiki/HTML" title="HTML">HTML</a> dan <a href="/wiki/XML" title="XML">XML</a>. CSS termasuk ke dalam teknologi dasar <a href="/wiki/Waring_Wera_Wanua" title="Waring Wera Wanua">World Wide Web</a>, bersama dengan <a href="/wiki/HTML" title="HTML">HTML</a> dan <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>. Nama cascading berasal dari skema prioritas yang ditetapkan untuk menentukan deklarasi mana yang berlaku jika lebih dari satu deklarasi properti cocok dengan elemen tertentu. Skema prioritas cascading ini dapat diprediksi. Sama halnya styles dalam <a href="/wiki/Aplikasi" title="Aplikasi">aplikasi</a> pengolahan kata seperti <a href="/wiki/Microsoft_Word" title="Microsoft Word">Microsoft Word</a> yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk digunakan secara bersamaan dalam beberapa berkas (<a href="/wiki/File" class="mw-redirect" title="File">file</a>).<a href="#cite_note-Slamet-1">[1]</a> Pada umumnya CSS digunakan untuk memformat tampilan halaman web yang dibuat dengan <a href="/wiki/Bahasa" title="Bahasa">bahasa</a> <a href="/wiki/HTML" title="HTML">HTML</a> dan <a href="/wiki/XHTML" class="mw-redirect" title="XHTML">XHTML</a>.<a href="#cite_note-Slamet-1">[1]</a> CSS dapat mengendalikan <a href="/wiki/Ukuran" class="mw-redirect" title="Ukuran">ukuran</a> <a href="/wiki/Gambar" class="mw-redirect" title="Gambar">gambar</a>, <a href="/wiki/Warna" title="Warna">warna</a> bagian tubuh pada teks, warna <a href="/wiki/Tabel" class="mw-redirect mw-disambig" title="Tabel">tabel</a>, ukuran border, warna border, warna <a href="/wiki/Hyperlink" class="mw-redirect" title="Hyperlink">hyperlink</a>, warna <a href="/wiki/Mouse" class="mw-redirect" title="Mouse">mouse</a> over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.<a href="#cite_note-Slamet-1">[1]</a> CSS adalah bahasa <a href="/wiki/Stylesheet" class="mw-redirect" title="Stylesheet">style sheet</a> yang digunakan untuk mengatur tampilan dokumen.<a href="#cite_note-dominikus-2">[2]</a> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Sejarah">Sejarah</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=1" title="Sunting bagian: Sejarah" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=1" title="Sunting kode sumber bagian: Sejarah">sunting sumber</a>]</div> <style data-mw-deduplicate="TemplateStyles:r26333525">.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}html.client-js body.skin-minerva .mw-parser-output .mbox-text-span{margin-left:23px!important}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}</style><table class="box-Update plainlinks metadata ambox ambox-content ambox-Update" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/98/Ambox_current_red.svg/42px-Ambox_current_red.svg.png" decoding="async" width="42" height="34" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/98/Ambox_current_red.svg/63px-Ambox_current_red.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/98/Ambox_current_red.svg/84px-Ambox_current_red.svg.png 2x" data-file-width="360" data-file-height="290" /></div></td><td class="mbox-text"><div class="mbox-text-span">Artikel ini memerlukan pemutakhiran informasi. Harap perbarui artikel dengan menambahkan informasi terbaru yang tersedia.</div></td></tr></tbody></table> Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.<a href="#cite_note-SRR-3">[3]</a> CSS sendiri merupakan sebuah <a href="/wiki/Teknologi" title="Teknologi">teknologi</a> <a href="/wiki/Internet" title="Internet">internet</a> yang direkomendasikan oleh <a href="/wiki/World_Wide_Web_Consortium" class="mw-redirect" title="World Wide Web Consortium">World Wide Web Consortium</a> atau <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a> pada <a href="/wiki/Tahun" title="Tahun">tahun</a> <a href="/wiki/1996" title="1996">1996</a>.<a href="#cite_note-dominikus-2">[2]</a> Setelah CSS distandarisasikan, <a href="/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> dan <a href="/wiki/Netscape_Navigator" title="Netscape Navigator">Netscape</a> melepas <a href="/wiki/Browser" class="mw-redirect" title="Browser">browser</a> terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.<a href="#cite_note-SRR-3">[3]</a> Untuk saat ini terdapat tiga versi CSS, yaitu <a href="/wiki/CSS_1" title="CSS 1">CSS1</a>, <a href="/w/index.php?title=CSS_2&action=edit&redlink=1" class="new" title="CSS 2 (halaman belum tersedia)">CSS2</a>, dan <a href="/wiki/CSS_3" title="CSS 3">CSS3</a>. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS3 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang ketiga diharapkan lebih baik dari versi pertama dan kedua. <a href="/wiki/CSS_3" title="CSS 3">CSS3</a> juga dapat melakukan animasi pada halaman website, di antaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.<a href="#cite_note-4">[4]</a> <div class="mw-heading mw-heading2"><h2 id="Penulisan">Penulisan</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=2" title="Sunting bagian: Penulisan" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=2" title="Sunting kode sumber bagian: Penulisan">sunting sumber</a>]</div> Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut: <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>body { color: black; } </pre></div> Bagian pertama sebelum tanda kurung kurawal '{}' disebut selector, sedangkan yang diapit oleh kurung kurawal disebut declaration yang terdiri dari dua unsur, yaitu property dan value. Selector dalam pernyataan di atas adalah h1, <code>color</code> adalah properti, dan <code>black</code> adalah nilai<a href="#cite_note-5">[5]</a>. Selain itu, ada tiga metode penulisan atribut pada CSS, yaitu:<a href="#cite_note-css_html-6">[6]</a> <div class="mw-heading mw-heading3"><h3 id="Inline_Style_Sheet">Inline Style Sheet</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=3" title="Sunting bagian: Inline Style Sheet" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=3" title="Sunting kode sumber bagian: Inline Style Sheet">sunting sumber</a>]</div> CSS didefinisikan langsung pada tag HTML yang bersangkutan. Ini ditulis dengan menambahkan atribut style="..." dalam tag HTML tersebut.<a href="#cite_note-css_html-6">[6]</a> Gaya hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.<a href="#cite_note-css_html-6">[6]</a> Contoh: <div class="mw-highlight mw-highlight-lang-html mw-content-ltr mw-highlight-lines" dir="ltr"><pre><html> <head> <title>Contoh Bentuk Inline</title> </head> <body> <p id="cth1"> Ini adalah contoh tag P tanpa diformat menggunakan CSS </p> <p id="cth2" style="font-size:20pt"> Tag P ini diformat dengan besar font 20 point </p> <p id="cth3" style="font-size:14pt; color:red"> Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p> </body> </html> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Internal_CSS">Internal CSS</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=4" title="Sunting bagian: Internal CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=4" title="Sunting kode sumber bagian: Internal CSS">sunting sumber</a>]</div> CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di dalam tag <head><a href="#cite_note-css_html-6">[6]</a><a href="#cite_note-7">[7]</a> . Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan. Contoh: <div class="mw-highlight mw-highlight-lang-html mw-content-ltr mw-highlight-lines" dir="ltr"><pre><html> <head> <title>Contoh Bentuk Embedded</title> <style> body { background: #0000FF; color: #FFFF00; margin-left: 0.5in; } h1 { font-size: 18pt; color: #FF0000; } p { font-size: 12pt; font-family: Arial; text-indent: 0.5in; } </style> </head> <body> <h1 id="cth1">Judul ini berukuran 18 dengan warna merah!</h1> <p id="cth2">Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai indntasi 0.5 inci </p> <p id="cth3">Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p> </body> </html> </pre></div> <div class="mw-heading mw-heading3"><h3 id="External_CSS">External CSS</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=5" title="Sunting bagian: External CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=5" title="Sunting kode sumber bagian: External CSS">sunting sumber</a>]</div> CSS didefinisikan dengan disimpan di berkas yang berbeda. Ini dapat digunakan di semua berkas HTML sehingga memudahkan seorang pengembang web untuk mengembangkan situs web miliknya. <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><link href="lokasiberkas.css" rel="stylesheet"> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Shorthand_CSS">Shorthand CSS</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=6" title="Sunting bagian: Shorthand CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=6" title="Sunting kode sumber bagian: Shorthand CSS">sunting sumber</a>]</div> Beberapa properti CSS dapat disingkat dengan metode shorthand CSS. Ini dilakukan dengan cara mempersingkat penulisan kode CSS yang memungkinkan untuk menetapkan nilai beberapa property secara bersamaan, sehingga kode yang ditulis lebih ringkas. Dalam CSS, wajar jika satu properti memiliki banyak elemen; misalnya dalam properti margin yang memiliki 4 properti untuk setiap sisi elemen, yaitu: <ol><li>margin-top</li> <li>margin-right</li> <li>margin-bottom</li> <li>margin-left</li></ol> Saat ini metode penulisan shorthand CSS tersedia untuk beberapa properti berikut: <ol><li>Margin</li> <li>Padding</li> <li>Font</li> <li>Background</li> <li>Border</li> <li>List</li></ol> <div class="mw-heading mw-heading4"><h4 id="Margin">Margin</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=7" title="Sunting bagian: Margin" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=7" title="Sunting kode sumber bagian: Margin">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>margin: 3px 5px 7px 10px; </pre></div>Artinya:<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>margin-top: 3px; margin-right: 5px; margin-bottom: 7px; margin-left: 10px; </pre></div> <div class="mw-heading mw-heading4"><h4 id="Padding">Padding</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=8" title="Sunting bagian: Padding" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=8" title="Sunting kode sumber bagian: Padding">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>padding: 3px 5px 7px 10px; </pre></div>Artinya:<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>padding-top: 3px; padding-right: 5px; padding-bottom: 7px; padding-left: 10px; </pre></div> <div class="mw-heading mw-heading4"><h4 id="Font">Font</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=9" title="Sunting bagian: Font" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=9" title="Sunting kode sumber bagian: Font">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>font: italic bold 14px/30px Arial; </pre></div>Artinya:<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>font-style: italic; font-weight: bold; font-size: 14px; line-height: 30px; font-family: Arial; </pre></div> <div class="mw-heading mw-heading4"><h4 id="Background">Background</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=10" title="Sunting bagian: Background" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=10" title="Sunting kode sumber bagian: Background">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>background: #cc0000 url('igniel.jpg') no-repeat top center; </pre></div>Artinya:<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>background-color: #cc0000; background-image: url('igniel.jpg'); background-repeat: no-repeat; background-position: top center; </pre></div> <div class="mw-heading mw-heading4"><h4 id="Border">Border</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=11" title="Sunting bagian: Border" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=11" title="Sunting kode sumber bagian: Border">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>border: 3px solid #0000cc; </pre></div>Artinya:<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>border-width: 5px; border-style: solid; border-color: #0000cc; </pre></div> <div class="mw-heading mw-heading4"><h4 id="List">List</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=12" title="Sunting bagian: List" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=12" title="Sunting kode sumber bagian: List">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>list-style: disc inside url('dot.gif'); </pre></div>Artinya:<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>list-style-type: disc; list-style-position: inside; list-style-image: url('dot.gif'); </pre></div> <div class="mw-heading mw-heading3"><h3 id="Penulisan_komentar_pada_CSS">Penulisan komentar pada CSS</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=13" title="Sunting bagian: Penulisan komentar pada CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=13" title="Sunting kode sumber bagian: Penulisan komentar pada CSS">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>h1 { /* ini adalah komentar untuk satu baris */ color: red; } p { /* ini juga adalah komentar untuk dua baris atau lebih. seluruh teks yang berada pada pembuka dan penutup sebuah komentar akan diabaikan oleh browser sebagai compiler. */ color: red; } </pre></div> <div class="mw-heading mw-heading2"><h2 id="CSS_Selector">CSS Selector</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=14" title="Sunting bagian: CSS Selector" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=14" title="Sunting kode sumber bagian: CSS Selector">sunting sumber</a>]</div> <div class="mw-heading mw-heading3"><h3 id="Universal_Selector">Universal Selector</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=15" title="Sunting bagian: Universal Selector" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=15" title="Sunting kode sumber bagian: Universal Selector">sunting sumber</a>]</div> Universal selector digunakan untuk diterapkan pada seluruh elemen.<a href="#cite_note-8">[8]</a><div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>/* diterapkan pada seluruh elemen */ * { color: green; } </pre></div> <div class="mw-heading mw-heading3"><h3 id="Type_Selector">Type Selector</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=16" title="Sunting bagian: Type Selector" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=16" title="Sunting kode sumber bagian: Type Selector">sunting sumber</a>]</div> Type selector merupakan cara penulisan CSS dengan nama elemen sebagai target untuk diterapkannya rule. Ketika menggunakan selector ini, maka rule akan diterapkan pada seluruh elemen target yang ada pada dokumen HTML.<a href="#cite_note-9">[9]</a><div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>/* akan diterapkan pada seluruh elemen <a>*/ a { color: blue; } </pre></div> <div class="mw-heading mw-heading3"><h3 id="ID_Selector">ID Selector</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=17" title="Sunting bagian: ID Selector" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=17" title="Sunting kode sumber bagian: ID Selector">sunting sumber</a>]</div> ID selector menetapkan target elemen berdasarkan nilai dari atribut id yang diterapkan pada elemennya. Agar elemen dapat terpilih, maka atribut id pada elemen harus sama persis dengan yang ada di selector.<a href="#cite_note-10">[10]</a> Contohnya adalah sebagai berikut:<div class="mw-highlight mw-highlight-lang-html mw-content-ltr mw-highlight-lines" dir="ltr"><pre><!DOCTYPE html> <html> <head> <title>Page Title</title> <style> #contoh { border: black 1px solid; border-radius: 16px; } </style> </head> <body>  <p id="contoh">ini adalah contoh kalimat.</p> </body> </html> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Class_Selector">Class Selector</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=18" title="Sunting bagian: Class Selector" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=18" title="Sunting kode sumber bagian: Class Selector">sunting sumber</a>]</div> Class selector menetapkan target elemen berdasarkan nilai atribut class yang diterapkan pada elemennya. Mirip seperti ID Selector, untuk menerapkan class selector maka atribut class pada elemen harus sesuai dengan yang ada di selector.<a href="#cite_note-11">[11]</a> Contohnya adalah sebagai berikut:<div class="mw-highlight mw-highlight-lang-html mw-content-ltr mw-highlight-lines" dir="ltr"><pre><!DOCTYPE html> <html> <head> <title>Page Title</title> <style> .contoh { border: black 1px solid; border-radius: 16px; } </style> </head> <body>  <p class="contoh">ini adalah contoh kalimat.</p> </body> </html> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Grouping_Selector_pada_CSS">Grouping Selector pada CSS</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=19" title="Sunting bagian: Grouping Selector pada CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=19" title="Sunting kode sumber bagian: Grouping Selector pada CSS">sunting sumber</a>]</div> Grouping selector pada CSS merupakan cara penulisan CSS yang mana ketika selector CSS memiliki property yang sama dapat dikelompokkan dengan selector lainnya. Contohnya adalah sebagai berikut:<div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>h1 { color: red; } h2{ color: red; } p{ color: red; } /* ini adalah class selector */ .text{ color: red; } </pre></div>Kode CSS di atas akan lebih baik dikelompokkan seperti di bawah ini, dengan tujuan untuk meminimalisasi penulisan kode yang sama berulang.<a href="#cite_note-12">[12]</a><div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>h1, h2, p, .text { color: red; } </pre></div> <div class="mw-heading mw-heading3"><h3 id="Descendant_Selector">Descendant Selector</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=20" title="Sunting bagian: Descendant Selector" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=20" title="Sunting kode sumber bagian: Descendant Selector">sunting sumber</a>]</div> Descendant selector merupakan cara penulisan CSS dengan memanggil semua elemen yang merupakan turunan dari elemen tertentu. <a href="#cite_note-13">[13]</a><div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>/* Memanggil elemen di dalam elemen <div> */ div p { font-size: 12px; } </pre></div> <div class="mw-heading mw-heading3"><h3 id="Child_Selector">Child Selector</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=21" title="Sunting bagian: Child Selector" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=21" title="Sunting kode sumber bagian: Child Selector">sunting sumber</a>]</div> Child selector merupakan cara penulisan CSS dengan memilih semua elemen yang merupakan anak langsung dari elemen tertentu. <a href="#cite_note-14">[14]</a> Contoh: <div class="mw-highlight mw-highlight-lang-html mw-content-ltr mw-highlight-lines" dir="ltr"><pre><!DOCTYPE html> <html> <head> <title>Page Title</title> <style> div > p { font-size: 12px; } </style> </head> <body> <div> <p> Teks 1 di dalam div. </p> <p> Teks 2 di dalam div.</p> <section> <p> Teks 3 di section tetapi merupakan turunan dari div </p> </section> <p> Teks 4 di dalam div </p> </div> <p>Teks 5 tidak di dalam div.</p> </body> </html> </pre></div> Ini akan menghasilkan teks yang berada langsung di elemen <code><div></code> akan dirender dengan font berukuran 12 px, sedangkan teks yang tidak berada di dalam elemen <code><div></code> atau berada di elemen lain tetapi merupakan turunan dari elemen <code><div></code>, tetap memiliki ukuran font yang normal. <div class="mw-heading mw-heading2"><h2 id="Dukungan_dari_peramban_web">Dukungan dari peramban web</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=22" title="Sunting bagian: Dukungan dari peramban web" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=22" title="Sunting kode sumber bagian: Dukungan dari peramban web">sunting sumber</a>]</div> Masing-masing peramban web menggunakan <a href="/wiki/Mesin_tata_letak" class="mw-redirect" title="Mesin tata letak">mesin tata letak</a> yang berbeda. Contohnya <a href="/wiki/Firefox" title="Firefox">Firefox</a> menggunakan <a href="/wiki/Gecko" class="mw-redirect" title="Gecko">Gecko</a> sebagai mesin tata letaknya dan Chromium menggunakan <a href="/w/index.php?title=Blink_(mesin_browser)&action=edit&redlink=1" class="new" title="Blink (mesin browser) (halaman belum tersedia)">Blink</a> sebagai mesin tata letaknya. Dukungan untuk fitur CSS dari setiap mesin tata letak terkadang sering tidak konsisten. Beberapa teknik pun bermunculan untuk menggunakan suatu fitur CSS ke peramban web yang tidak mendukung fitur tersebut (biasa disebut CSS hack). Adopsi fitur CSS baru dapat terhambat oleh kurangnya dukungan dari peramban-peramban web besar. Contohnya fitur <code>cross-fade()</code> telah didukung oleh Chrome dan Safari namun sampai tahun 2021 masih belum didukung oleh Firefox.<a href="#cite_note-15">[15]</a> Beberapa pengembang web biasanya memeriksa terlebih dahulu dukungan untuk suatu fitur CSS, terutama untuk fitur CSS baru. Beberapa situs web berikut dapat membantu seperti <a rel="nofollow" class="external text" href="https://caniuse.com">CanIUse</a> dan <a rel="nofollow" class="external text" href="https://developer.mozilla.org">Mozilla Developer Network</a>. CSS 3 memiliki fitur kueri, yang memberikan arahan <code>@supports</code> yang akan memungkinkan pengembang menargetkan peramban web dengan dukungan untuk fungsionalitas tertentu langsung di dalam CSS mereka.<a href="#cite_note-16">[16]</a> CSS yang tidak didukung oleh suatu peramban web kadang-kadang bisa ditambal menggunakan <a href="/w/index.php?title=Polyfill&action=edit&redlink=1" class="new" title="Polyfill (halaman belum tersedia)">polyfill</a>, yang merupakan potongan kode <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> yang dirancang untuk memberikan dukungan untuk peramban web terhadap suatu fitur yang sebelumnya tidak didukung. Solusi ini dapat menambah kerumitan pada proyek pengembangan, dan akibatnya, perusahaan sering kali menentukan daftar versi peramban web yang akan dan tidak akan mereka dukung. <div class="mw-heading mw-heading2"><h2 id="Penggunaan_CSS_dalam_perangkat_lunak_lain">Penggunaan CSS dalam perangkat lunak lain</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=23" title="Sunting bagian: Penggunaan CSS dalam perangkat lunak lain" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=23" title="Sunting kode sumber bagian: Penggunaan CSS dalam perangkat lunak lain">sunting sumber</a>]</div> CSS dahulunya dibuat hanya untuk mempercantik halaman web. Namun, seiring perkembangan waktu CSS mulai diadopsi oleh <a href="/wiki/Perangkat_lunak" title="Perangkat lunak">perangkat lunak</a> lain. <a href="/wiki/GTK" title="GTK">GTK</a> adalah peralatan gawit <a href="/wiki/Lintas_platform" class="mw-redirect" title="Lintas platform">lintas platform</a> yang menggunakan CSS untuk memberi gaya pada setiap widget. GTK sering digunakan untuk membuat program <a href="/wiki/Linux" title="Linux">Linux</a>. GTK memperkenalkan API Tema baru dengan menggunakan CSS pada pembaharuan besar GTK versi 3.<a href="#cite_note-17">[17]</a> <a href="/wiki/Qt" title="Qt">Qt</a> merupakan toolkit widget dan biasa dipakai untuk membuat aplikasi lintas platform. Qt juga menggunakan CSS untuk mengkonfigurasi tema. <div class="mw-heading mw-heading2"><h2 id="Contoh_berkas">Contoh berkas</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=24" title="Sunting bagian: Contoh berkas" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=24" title="Sunting kode sumber bagian: Contoh berkas">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre>/* Kode berikut didedikasikan ke ruang publik (public domain) Silahkan untuk menggunakan, menyalin, dan mendistribusikan kode berikut */ body { background-color: yellow; } p { color: red; } </pre></div> Kode diatas akan mengganti warna halaman menjadi kuning dan membuat warna paragraf menjadi berwarna merah. <div class="mw-heading mw-heading2"><h2 id="CSS_Preprocessor">CSS Preprocessor</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=25" title="Sunting bagian: CSS Preprocessor" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=25" title="Sunting kode sumber bagian: CSS Preprocessor">sunting sumber</a>]</div> <style data-mw-deduplicate="TemplateStyles:r18844875">.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}</style><div role="note" class="hatnote navigation-not-searchable">Artikel utama: <a href="/w/index.php?title=CSS_Preprocessor&action=edit&redlink=1" class="new" title="CSS Preprocessor (halaman belum tersedia)">CSS Preprocessor</a></div>CSS preprocessor (pra pengolahan) adalah bahasa script atau program yang memungkinkan pengguna menulis kode CSS sesuai dengan <a href="/wiki/Sintaksis" title="Sintaksis">sintaksis</a> (syntax) prepocessor itu sendiri.<a href="#cite_note-:0-18">[18]</a> Ada banyak jenis CSS preprocessor yang dapat digunakan, namun sebagain besar CSS preprocessor memiliki beberapa fitur yang tidak ada dalam vanilla CSS (CSS 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,<a href="#cite_note-19">[19]</a> Berikut adalah beberapa CSS preprocessor <a href="/w/index.php?title=Populer&action=edit&redlink=1" class="new" title="Populer (halaman belum tersedia)">populer</a> dan sering digunakan, yaitu :<a href="#cite_note-:0-18">[18]</a> <ul><li><a href="/w/index.php?title=Sass&action=edit&redlink=1" class="new" title="Sass (halaman belum tersedia)">Sass</a></li> <li><a href="/wiki/Less" title="Less">LESS</a></li> <li>Stylus</li> <li><a href="/w/index.php?title=PostCSS&action=edit&redlink=1" class="new" title="PostCSS (halaman belum tersedia)">PostCSS</a></li></ul> <div class="mw-heading mw-heading3"><h3 id="Variabel">Variabel</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=26" title="Sunting bagian: Variabel" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=26" title="Sunting kode sumber bagian: Variabel">sunting sumber</a>]</div> Salah satu fitur yang dimiliki CSS preprocessor dan sering digunakan yaitu penulisan variabel. Dengan menuliskan variabel, kode yang dituliskan dapat digunakan digunakan kembali (reusable). Sehingga proses pengembangan suatu web dapat lebih cepat dan mudah. Berikut adalah contoh penulisan variabel dalam CSS preprocessor:<a href="#cite_note-20">[20]</a><a href="#cite_note-21">[21]</a> <div class="mw-heading mw-heading4"><h4 id="Sass/SCSS">Sass/SCSS</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=27" title="Sunting bagian: Sass/SCSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=27" title="Sunting kode sumber bagian: Sass/SCSS">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-sass mw-content-ltr mw-highlight-lines" dir="ltr"><pre>// Penulisan SCSS preprocessor $base-color: #c6538c; $border-dark: rgba($base-color, 0.88); .box { border: 1px solid $border-dark; } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Less_CSS">Less CSS</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=28" title="Sunting bagian: Less CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=28" title="Sunting kode sumber bagian: Less CSS">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-less mw-content-ltr mw-highlight-lines" dir="ltr"><pre>// Penulisan Less preprocessor @width: 10px; @height: @width + 10px; #header { width: @width; height: @height; } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Stylus">Stylus</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=29" title="Sunting bagian: Stylus" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=29" title="Sunting kode sumber bagian: Stylus">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>// Penulisan STYLUS preprocessor font-size = 1em div font-size font-size </pre></div> <div class="mw-heading mw-heading3"><h3 id="Nesting">Nesting</h3>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=30" title="Sunting bagian: Nesting" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=30" title="Sunting kode sumber bagian: Nesting">sunting sumber</a>]</div> Dengan menggunakan fitur nesting, pengguna dapat menuliskan selector di dalam selector (bersarang). Contoh penulisannya adalah sebagai berikut:<a href="#cite_note-22">[22]</a><a href="#cite_note-23">[23]</a> <div class="mw-heading mw-heading4"><h4 id="Sass/SCSS_2">Sass/SCSS</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=31" title="Sunting bagian: Sass/SCSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=31" title="Sunting kode sumber bagian: Sass/SCSS">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-sass mw-content-ltr mw-highlight-lines" dir="ltr"><pre>// Penulisan SCSS preprocessor nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6px 12px; text-decoration: none; } } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Less_CSS_2">Less CSS</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=32" title="Sunting bagian: Less CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=32" title="Sunting kode sumber bagian: Less CSS">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-sass mw-content-ltr mw-highlight-lines" dir="ltr"><pre>// Penulisan Less preprocessor nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; padding: 6px 12px; text-decoration: none; } } </pre></div> <div class="mw-heading mw-heading4"><h4 id="Stylus_2">Stylus</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=33" title="Sunting bagian: Stylus" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=33" title="Sunting kode sumber bagian: Stylus">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>nav ul margin: 0; padding: 0; list-style: none; li display: inline-block; a display: block; padding: 6px 12px; text-decoration: none; </pre></div> <div class="mw-heading mw-heading4"><h4 id="CSS">CSS</h4>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=34" title="Sunting bagian: CSS" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=34" title="Sunting kode sumber bagian: CSS">sunting sumber</a>]</div> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr mw-highlight-lines" dir="ltr"><pre>/* Apabila ditulis dengan kode vanilla CSS atau CSS polos, maka hasilnya adalah sebagai berikut */ nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; } nav a { display: block; padding: 6px 12px; text-decoration: none; } </pre></div> <div class="mw-heading mw-heading2"><h2 id="Lihat_pula">Lihat pula</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=35" title="Sunting bagian: Lihat pula" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=35" title="Sunting kode sumber bagian: Lihat pula">sunting sumber</a>]</div> <ul><li><a href="/wiki/Bootstrap_(kerangka_kerja)" title="Bootstrap (kerangka kerja)">Bootstrap (kerangka kerja)</a></li> <li><a href="/wiki/Tailwind_CSS" title="Tailwind CSS">Tailwind CSS</a></li> <li>Bulma</li></ul> <div class="mw-heading mw-heading2"><h2 id="Referensi">Referensi</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=36" title="Sunting bagian: Referensi" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=36" title="Sunting kode sumber bagian: Referensi">sunting sumber</a>]</div> <style data-mw-deduplicate="TemplateStyles:r18833634">.mw-parser-output .reflist{font-size:90%;margin-bottom:0.5em;list-style-type:decimal}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist"> <div class="mw-references-wrap mw-references-columns"><ol class="references"> <li id="cite_note-Slamet-1">^ <a href="#cite_ref-Slamet_1-0">a</a> <a href="#cite_ref-Slamet_1-1">b</a> <a href="#cite_ref-Slamet_1-2">c</a> Slamet Riyanto, Membuat Web Portal Multi Bahasa Jomla 1.5X + CD, halaman 236. Elex Media Komputindo. </li> <li id="cite_note-dominikus-2">^ <a href="#cite_ref-dominikus_2-0">a</a> <a href="#cite_ref-dominikus_2-1">b</a> Dominikus Juju & Matamaya Studio, Seri Penuntun Praktis Join Multiply, halaman 95. Elex Media Komputindo. </li> <li id="cite_note-SRR-3">^ <a href="#cite_ref-SRR_3-0">a</a> <a href="#cite_ref-SRR_3-1">b</a> Sulistyawan, Rubianto, Rahmad Saleh, Modifikasi Blog Multiply dengan CSS, halaman 32. Elex Media Komputindo. </li> <li id="cite_note-4"><a href="#cite_ref-4">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="http://w3schools.com/css3/css3_intro.asp">"CSS 3 Introduction"</a>. W3Schools.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=CSS+3+Introduction&rft.pub=W3Schools&rft_id=http%3A%2F%2Fw3schools.com%2Fcss3%2Fcss3_intro.asp&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988"> [<a href="/wiki/Wikipedia:Pranala_mati" title="Wikipedia:Pranala mati">pranala nonaktif permanen</a>] </li> <li id="cite_note-5"><a href="#cite_ref-5">^</a> Untung Julianto, Modifikator Blogger + CD, halaman 22. Elex Media Komputindo. </li> <li id="cite_note-css_html-6">^ <a href="#cite_ref-css_html_6-0">a</a> <a href="#cite_ref-css_html_6-1">b</a> <a href="#cite_ref-css_html_6-2">c</a> <a href="#cite_ref-css_html_6-3">d</a> Untung Rahardja, Augury El Rayeb, & Asep Saefullah (2009). Siapa saja bisa membuat website dengan CSS dan HTML, halaman 37-41. Andi Yogyakarta. </li> <li id="cite_note-7"><a href="#cite_ref-7">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_is_structured">"How CSS is structured - Learn web development | MDN"</a> (dalam bahasa Inggris). Diakses tanggal 2024-09-23.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=How+CSS+is+structured+-+Learn+web+development+%7C+MDN&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FLearn%2FCSS%2FFirst_steps%2FHow_CSS_is_structured&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-8"><a href="#cite_ref-8">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors">"Universal selectors - CSS: Cascading Style Sheets | MDN"</a>. developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2022-09-11.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=developer.mozilla.org&rft.atitle=Universal+selectors+-+CSS%3A+Cascading+Style+Sheets+%7C+MDN&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FCSS%2FUniversal_selectors&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-9"><a href="#cite_ref-9">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Type_selectors">"Type selectors - CSS: Cascading Style Sheets | MDN"</a>. developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2022-09-11.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=developer.mozilla.org&rft.atitle=Type+selectors+-+CSS%3A+Cascading+Style+Sheets+%7C+MDN&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FCSS%2FType_selectors&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-10"><a href="#cite_ref-10">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors">"ID selectors - CSS: Cascading Style Sheets | MDN"</a>. developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2022-09-11.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=developer.mozilla.org&rft.atitle=ID+selectors+-+CSS%3A+Cascading+Style+Sheets+%7C+MDN&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FCSS%2FID_selectors&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-11"><a href="#cite_ref-11">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://www.w3schools.com/cssref/sel_class.asp">"CSS .class Selector"</a>. www.w3schools.com (dalam bahasa Inggris). Diakses tanggal 2022-09-11.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=www.w3schools.com&rft.atitle=CSS+.class+Selector&rft_id=https%3A%2F%2Fwww.w3schools.com%2Fcssref%2Fsel_class.asp&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-12"><a href="#cite_ref-12">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://www.w3schools.com/css/css_selectors.asp#:~:text=To%20group%20selectors,%20separate%20each%20selector%20with%20a%20comma.">"CSS Selectors"</a>. www.w3schools.com (dalam bahasa Inggris). Diakses tanggal 2022-09-11.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=www.w3schools.com&rft.atitle=CSS+Selectors&rft_id=https%3A%2F%2Fwww.w3schools.com%2Fcss%2Fcss_selectors.asp%23%3A~%3Atext%3DTo%2520group%2520selectors%2C%2520separate%2520each%2520selector%2520with%2520a%2520comma.&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-13"><a href="#cite_ref-13">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator">"Descendant Combinator - CSS: Cascading Style Sheets | MDN"</a>. developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2024-09-03.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=developer.mozilla.org&rft.atitle=Descendant+Combinator+-+CSS%3A+Cascading+Style+Sheets+%7C+MDN&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FCSS%2FDescendant_combinator&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-14"><a href="#cite_ref-14">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator">"Child Combinator - CSS: Cascading Style Sheets | MDN"</a>. developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2024-09-03.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=developer.mozilla.org&rft.atitle=Child+Combinator+-+CSS%3A+Cascading+Style+Sheets+%7C+MDN&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FCSS%2FChild_combinator&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-15"><a href="#cite_ref-15">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://caniuse.com/?search=cross%20fade">"Can I use... Support tables for HTML5, CSS3, etc"</a>. caniuse.com. Diakses tanggal 2021-02-24.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=caniuse.com&rft.atitle=Can+I+use...+Support+tables+for+HTML5%2C+CSS3%2C+etc&rft_id=https%3A%2F%2Fcaniuse.com%2F%3Fsearch%3Dcross%2520fade&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-16"><a href="#cite_ref-16">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://hacks.mozilla.org/2016/08/using-feature-queries-in-css">"Using Feature Queries in CSS – Mozilla Hacks - the Web developer blog"</a>. Mozilla Hacks – the Web developer blog (dalam bahasa Inggris). Diakses tanggal 2021-02-24.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=Mozilla+Hacks+%E2%80%93+the+Web+developer+blog&rft.atitle=Using+Feature+Queries+in+CSS+%E2%80%93+Mozilla+Hacks+-+the+Web+developer+blog&rft_id=https%3A%2F%2Fhacks.mozilla.org%2F2016%2F08%2Fusing-feature-queries-in-css&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-17"><a href="#cite_ref-17">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://blog.gtk.org/2011/02/">"February 2011 – GTK Development Blog"</a> (dalam bahasa Inggris). Diakses tanggal 2021-02-25.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=February+2011+%E2%80%93+GTK+Development+Blog&rft_id=https%3A%2F%2Fblog.gtk.org%2F2011%2F02%2F&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-:0-18">^ <a href="#cite_ref-:0_18-0">a</a> <a href="#cite_ref-:0_18-1">b</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Glossary/CSS_preprocessor">"CSS preprocessor - MDN Web Docs Glossary: Definitions of Web-related terms | MDN"</a>. developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2022-09-28.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=developer.mozilla.org&rft.atitle=CSS+preprocessor+-+MDN+Web+Docs+Glossary%3A+Definitions+of+Web-related+terms+%7C+MDN&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FGlossary%2FCSS_preprocessor&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-19"><a href="#cite_ref-19">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://www.freecodecamp.org/news/css-preprocessors/">"CSS Preprocessors Explained"</a>. freeCodeCamp.org (dalam bahasa Inggris). 2020-01-17. Diakses tanggal 2022-09-28.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=freeCodeCamp.org&rft.atitle=CSS+Preprocessors+Explained&rft.date=2020-01-17&rft_id=https%3A%2F%2Fwww.freecodecamp.org%2Fnews%2Fcss-preprocessors%2F&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-20"><a href="#cite_ref-20">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://lesscss.org/#variables">"Getting started | Less.js"</a>. lesscss.org. Diakses tanggal 2022-09-28.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=lesscss.org&rft.atitle=Getting+started+%7C+Less.js&rft_id=https%3A%2F%2Flesscss.org%2F%23variables&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-21"><a href="#cite_ref-21">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://sass-lang.com/documentation/variables">"Sass: Variables"</a>. sass-lang.com. Diakses tanggal 2022-09-28.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=sass-lang.com&rft.atitle=Sass%3A+Variables&rft_id=https%3A%2F%2Fsass-lang.com%2Fdocumentation%2Fvariables&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-22"><a href="#cite_ref-22">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://www.w3schools.com/sass/sass_nesting.php">"Sass Nesting"</a>. www.w3schools.com (dalam bahasa Inggris). Diakses tanggal 2022-09-29.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=www.w3schools.com&rft.atitle=Sass+Nesting&rft_id=https%3A%2F%2Fwww.w3schools.com%2Fsass%2Fsass_nesting.php&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> <li id="cite_note-23"><a href="#cite_ref-23">^</a> <cite class="citation web"><a rel="nofollow" class="external text" href="https://lesscss.org/#nesting">"Getting started | Less.js"</a>. lesscss.org. Diakses tanggal 2022-09-29.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=lesscss.org&rft.atitle=Getting+started+%7C+Less.js&rft_id=https%3A%2F%2Flesscss.org%2F%23nesting&rfr_id=info%3Asid%2Fid.wikipedia.org%3ACascading+Style+Sheets" class="Z3988">  </li> </ol></div></div> <div class="mw-heading mw-heading2"><h2 id="Pranala_luar">Pranala luar</h2>[<a href="/w/index.php?title=Cascading_Style_Sheets&veaction=edit&section=37" title="Sunting bagian: Pranala luar" class="mw-editsection-visualeditor">sunting</a> | <a href="/w/index.php?title=Cascading_Style_Sheets&action=edit&section=37" title="Sunting kode sumber bagian: Pranala luar">sunting sumber</a>]</div> <style data-mw-deduplicate="TemplateStyles:r23035139">.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:#f9f9f9}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}</style><div class="side-box side-box-right plainlinks sistersitebox"><style data-mw-deduplicate="TemplateStyles:r23782729">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style> <div class="side-box-flex"> <div class="side-box-image"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/40px-Wikibooks-logo-en-noslogan.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/60px-Wikibooks-logo-en-noslogan.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/80px-Wikibooks-logo-en-noslogan.svg.png 2x" data-file-width="400" data-file-height="400" /></div> <div class="side-box-text plainlist"><a href="/wiki/Wikibooks" class="mw-redirect" title="Wikibooks">Wikibooks</a> memiliki buku di: <div style="margin-left:10px;"><a href="https://id.wikibooks.org/wiki/id:Pemrograman_CSS" class="extiw" title="b:id:Pemrograman CSS">Pemrograman CSS</a></div></div></div> </div> <ul><li>(Inggris) <a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS1">Spesifikasi CSS 1.0</a></li> <li>(Inggris) <a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS21">Spesifikasi CSS 2.1</a></li> <li>(Inggris) <a rel="nofollow" class="external text" href="https://www.w3.org/TR/CSS22/">Spesifikasi CSS 2.2 (Preview)</a></li> <li>(Inggris) <a rel="nofollow" class="external text" href="http://www.w3schools.com/css/">Tutorial CSS</a></li> <li>(Inggris) <a rel="nofollow" class="external text" href="http://w3schools.com/cssref/default.asp">Referensi CSS</a></li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r23782733">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r25847331">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}</style></div><div role="navigation" class="navbox" aria-labelledby="Bahasa_pemrograman" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><style data-mw-deduplicate="TemplateStyles:r18590415">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}.mw-parser-output .infobox .navbar{font-size:100%}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-lihat"><a href="/wiki/Templat:Bahasa_pemrograman" title="Templat:Bahasa pemrograman"><abbr title="Lihat templat ini">l</abbr></a></li><li class="nv-bicara"><a href="/w/index.php?title=Pembicaraan_Templat:Bahasa_pemrograman&action=edit&redlink=1" class="new" title="Pembicaraan Templat:Bahasa pemrograman (halaman belum tersedia)"><abbr title="Diskusikan templat ini">b</abbr></a></li><li class="nv-sunting"><a class="external text" href="https://id.wikipedia.org/w/index.php?title=Templat:Bahasa_pemrograman&action=edit"><abbr title="Sunting templat ini">s</abbr></a></li></ul></div><div id="Bahasa_pemrograman" style="font-size:114%;margin:0 4em"><a href="/wiki/Bahasa_pemrograman" title="Bahasa pemrograman">Bahasa pemrograman</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><a href="/w/index.php?title=Garis_waktu_bahasa_pemrograman&action=edit&redlink=1" class="new" title="Garis waktu bahasa pemrograman (halaman belum tersedia)">Garis waktu</a></li> <li><a href="/w/index.php?title=Perbandingan_bahasa_pemrograman&action=edit&redlink=1" class="new" title="Perbandingan bahasa pemrograman (halaman belum tersedia)">Perbandingan</a></li> <li><a href="/w/index.php?title=Sejarah_bahasa_pemrograman&action=edit&redlink=1" class="new" title="Sejarah bahasa pemrograman (halaman belum tersedia)">Sejarah</a></li></ul> </div></td></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=APL_(bahasa_pemrograman)&action=edit&redlink=1" class="new" title="APL (bahasa pemrograman) (halaman belum tersedia)">APL</a></li> <li><a href="/wiki/Bahasa_rakitan" title="Bahasa rakitan">Assembly</a></li> <li><a href="/wiki/BASIC" title="BASIC">BASIC</a></li> <li><a href="/wiki/C_(bahasa_pemrograman)" title="C (bahasa pemrograman)">C</a></li> <li><a href="/wiki/C%2B%2B" title="C++">C++</a></li> <li><a href="/wiki/C_sharp" class="mw-redirect" title="C sharp">C#</a></li> <li><a href="/wiki/COBOL" title="COBOL">COBOL</a></li> <li><a href="/wiki/Fortran" title="Fortran">Fortran</a></li> <li><a href="/wiki/Go_(bahasa_pemrograman)" title="Go (bahasa pemrograman)">Go</a></li> <li><a href="/w/index.php?title=Apache_Groovy&action=edit&redlink=1" class="new" title="Apache Groovy (halaman belum tersedia)">Groovy</a></li> <li><a href="/wiki/Haskell" title="Haskell">Haskell</a></li> <li><a href="/wiki/Java" title="Java">Java</a></li> <li><a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> (JS)</li> <li><a href="/wiki/Julia_(bahasa_pemrograman)" title="Julia (bahasa pemrograman)">Julia</a></li> <li><a href="/wiki/Kotlin_(bahasa_pemrograman)" title="Kotlin (bahasa pemrograman)">Kotlin</a></li> <li><a href="/wiki/Lisp_(bahasa_pemrograman)" title="Lisp (bahasa pemrograman)">Lisp</a></li> <li><a href="/wiki/Lua_(bahasa_pemrograman)" title="Lua (bahasa pemrograman)">Lua</a></li> <li><a href="/w/index.php?title=Objective-C&action=edit&redlink=1" class="new" title="Objective-C (halaman belum tersedia)">Objective-C</a></li> <li><a href="/w/index.php?title=OCaml&action=edit&redlink=1" class="new" title="OCaml (halaman belum tersedia)">OCaml</a></li> <li><a href="/wiki/Pascal_(bahasa_pemrograman)" title="Pascal (bahasa pemrograman)">Pascal</a></li> <li><a href="/wiki/Perl" title="Perl">Perl</a></li> <li><a href="/wiki/PHP" title="PHP">PHP</a></li> <li><a href="/wiki/Python_(bahasa_pemrograman)" title="Python (bahasa pemrograman)">Python</a></li> <li><a href="/wiki/Ruby_(bahasa_pemrograman)" title="Ruby (bahasa pemrograman)">Ruby</a></li> <li><a href="/wiki/Rust_(bahasa_pemrograman)" title="Rust (bahasa pemrograman)">Rust</a></li> <li><a href="/w/index.php?title=Skrip_shell&action=edit&redlink=1" class="new" title="Skrip shell (halaman belum tersedia)">Shell</a></li> <li><a href="/wiki/Smalltalk" title="Smalltalk">Smalltalk</a></li> <li><a href="/wiki/Swift_(bahasa_pemrograman)" title="Swift (bahasa pemrograman)">Swift</a></li> <li><a href="/wiki/Visual_Basic" title="Visual Basic">Visual Basic</a></li> <li><a href="/wiki/Visual_Basic_.NET" title="Visual Basic .NET">Visual Basic .NET</a> (VB.NET)</li> <li><a href="/wiki/Daftar_bahasa_pemrograman" title="Daftar bahasa pemrograman">selengkapnya...</a></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><a href="/wiki/Berkas:Symbol_category_class.svg" class="mw-file-description" title="Category"><img alt="Category" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/96/Symbol_category_class.svg/16px-Symbol_category_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/96/Symbol_category_class.svg/23px-Symbol_category_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/96/Symbol_category_class.svg/31px-Symbol_category_class.svg.png 2x" data-file-width="180" data-file-height="185" /></a> <a href="/wiki/Kategori:Bahasa_pemrograman" title="Kategori:Bahasa pemrograman">Kategori</a></li> <li><a href="/wiki/Berkas:Symbol_list_class.svg" class="mw-file-description" title="List-Class article"><img alt="List-Class article" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/Symbol_list_class.svg/16px-Symbol_list_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/Symbol_list_class.svg/23px-Symbol_list_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/db/Symbol_list_class.svg/31px-Symbol_list_class.svg.png 2x" data-file-width="180" data-file-height="185" /></a> Daftar <ul><li><a href="/wiki/Daftar_bahasa_pemrograman" title="Daftar bahasa pemrograman">Menurut alfabet</a></li> <li><a href="/w/index.php?title=Daftar_bahasa_pemrograman_menurut_jenis&action=edit&redlink=1" class="new" title="Daftar bahasa pemrograman menurut jenis (halaman belum tersedia)">Menurut kategori</a></li> <li><a href="/w/index.php?title=Daftar_muatan_bahasa_pemrograman&action=edit&redlink=1" class="new" title="Daftar muatan bahasa pemrograman (halaman belum tersedia)">Menurut muatan</a></li> <li><a href="/w/index.php?title=Bahasa_pemrograman_yang_didasarkan_dari_bahasa_non-Inggris&action=edit&redlink=1" class="new" title="Bahasa pemrograman yang didasarkan dari bahasa non-Inggris (halaman belum tersedia)">bahasa non-Inggris</a></li></ul></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r23782733"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r25847331"></div><div role="navigation" class="navbox" aria-labelledby="Standar_dari_Konsorsium_World_Wide_Web" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r18590415"><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-lihat"><a href="/wiki/Templat:Standar_W3C" title="Templat:Standar W3C"><abbr title="Lihat templat ini">l</abbr></a></li><li class="nv-bicara"><a href="/w/index.php?title=Pembicaraan_Templat:Standar_W3C&action=edit&redlink=1" class="new" title="Pembicaraan Templat:Standar W3C (halaman belum tersedia)"><abbr title="Diskusikan templat ini">b</abbr></a></li><li class="nv-sunting"><a class="external text" href="https://id.wikipedia.org/w/index.php?title=Templat:Standar_W3C&action=edit"><abbr title="Sunting templat ini">s</abbr></a></li></ul></div><div id="Standar_dari_Konsorsium_World_Wide_Web" style="font-size:114%;margin:0 4em">Standar dari <a href="/wiki/Konsorsium_World_Wide_Web" title="Konsorsium World Wide Web">Konsorsium World Wide Web</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">Produk dan standar</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/World_Wide_Web_Consortium#Rekomendasi_W3C" class="mw-redirect" title="World Wide Web Consortium">Rekomendasi</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=ActivityPub&action=edit&redlink=1" class="new" title="ActivityPub (halaman belum tersedia)">ActivityPub</a></li> <li><a href="/w/index.php?title=Activity_Streams_(format)&action=edit&redlink=1" class="new" title="Activity Streams (format) (halaman belum tersedia)">Activity Streams</a></li> <li><a href="/w/index.php?title=WAI-ARIA&action=edit&redlink=1" class="new" title="WAI-ARIA (halaman belum tersedia)">ARIA</a></li> <li><a href="/w/index.php?title=Canonical_XML&action=edit&redlink=1" class="new" title="Canonical XML (halaman belum tersedia)">Canonical XML</a></li> <li><a href="/w/index.php?title=Compound_Document_Format&action=edit&redlink=1" class="new" title="Compound Document Format (halaman belum tersedia)">CDF</a></li> <li><a class="mw-selflink selflink">CSS</a> <ul><li><a href="/w/index.php?title=CSS_animations&action=edit&redlink=1" class="new" title="CSS animations (halaman belum tersedia)">Animations</a></li> <li><a href="/w/index.php?title=CSS_Flexible_Box_Layout&action=edit&redlink=1" class="new" title="CSS Flexible Box Layout (halaman belum tersedia)">Flexbox</a></li> <li><a href="/w/index.php?title=CSS_grid_layout&action=edit&redlink=1" class="new" title="CSS grid layout (halaman belum tersedia)">Grid</a></li></ul></li> <li><a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a></li> <li><a href="/wiki/W3C_Geolocation_API" title="W3C Geolocation API">Geolocation API</a></li> <li><a href="/wiki/HTML" title="HTML">HTML</a> <ul><li><a href="/wiki/HTML5" title="HTML5">HTML5</a></li></ul></li> <li><a href="/w/index.php?title=Indexed_Database_API&action=edit&redlink=1" class="new" title="Indexed Database API (halaman belum tersedia)">IndexedDB</a></li> <li><a href="/w/index.php?title=Internationalization_Tag_Set&action=edit&redlink=1" class="new" title="Internationalization Tag Set (halaman belum tersedia)">ITS</a></li> <li><a href="/wiki/JSON-LD" title="JSON-LD">JSON-LD</a></li> <li><a href="/w/index.php?title=Linked_Data_Notifications&action=edit&redlink=1" class="new" title="Linked Data Notifications (halaman belum tersedia)">Linked Data Notifications</a></li> <li><a href="/wiki/MathML" title="MathML">MathML</a></li> <li><a href="/w/index.php?title=Micropub_(protokol)&action=edit&redlink=1" class="new" title="Micropub (protokol) (halaman belum tersedia)">Micropub</a></li> <li><a href="/w/index.php?title=Web_Ontology_Language&action=edit&redlink=1" class="new" title="Web Ontology Language (halaman belum tersedia)">OWL</a></li> <li><a href="/w/index.php?title=Pronunciation_Lexicon_Specification&action=edit&redlink=1" class="new" title="Pronunciation Lexicon Specification (halaman belum tersedia)">PLS</a></li> <li><a href="/w/index.php?title=Resource_Description_Framework&action=edit&redlink=1" class="new" title="Resource Description Framework (halaman belum tersedia)">RDF</a> <ul><li><a href="/w/index.php?title=RDF_Schema&action=edit&redlink=1" class="new" title="RDF Schema (halaman belum tersedia)">Schema</a></li></ul></li> <li><a href="/w/index.php?title=Semantic_Interpretation_for_Speech_Recognition&action=edit&redlink=1" class="new" title="Semantic Interpretation for Speech Recognition (halaman belum tersedia)">SISR</a></li> <li><a href="/w/index.php?title=Simple_Knowledge_Organization_System&action=edit&redlink=1" class="new" title="Simple Knowledge Organization System (halaman belum tersedia)">SKOS</a></li> <li><a href="/w/index.php?title=Synchronized_Multimedia_Integration_Language&action=edit&redlink=1" class="new" title="Synchronized Multimedia Integration Language (halaman belum tersedia)">SMIL</a></li> <li><a href="/wiki/SOAP" class="mw-redirect" title="SOAP">SOAP</a></li> <li><a href="/w/index.php?title=Speech_Recognition_Grammar_Specification&action=edit&redlink=1" class="new" title="Speech Recognition Grammar Specification (halaman belum tersedia)">SRGS</a></li> <li><a href="/w/index.php?title=Subresource_Integrity&action=edit&redlink=1" class="new" title="Subresource Integrity (halaman belum tersedia)">SRI</a></li> <li><a href="/w/index.php?title=Speech_Synthesis_Markup_Language&action=edit&redlink=1" class="new" title="Speech Synthesis Markup Language (halaman belum tersedia)">SSML</a></li> <li><a href="/wiki/Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG</a> <ul><li><a href="/w/index.php?title=Efek_filter_SVG&action=edit&redlink=1" class="new" title="Efek filter SVG (halaman belum tersedia)">Efek filter</a></li></ul></li> <li><a href="/w/index.php?title=SCXML&action=edit&redlink=1" class="new" title="SCXML (halaman belum tersedia)">SCXML</a></li> <li><a href="/w/index.php?title=SHACL&action=edit&redlink=1" class="new" title="SHACL (halaman belum tersedia)">SHACL</a></li> <li><a href="/w/index.php?title=SPARQL&action=edit&redlink=1" class="new" title="SPARQL (halaman belum tersedia)">SPARQL</a></li> <li><a href="/w/index.php?title=Timed_text&action=edit&redlink=1" class="new" title="Timed text (halaman belum tersedia)">Timed text</a></li> <li><a href="/w/index.php?title=VoiceXML&action=edit&redlink=1" class="new" title="VoiceXML (halaman belum tersedia)">VoiceXML</a></li> <li><a href="/w/index.php?title=Web_of_Things&action=edit&redlink=1" class="new" title="Web of Things (halaman belum tersedia)">WoT</a> <ul><li><a href="/w/index.php?title=Thing_Description&action=edit&redlink=1" class="new" title="Thing Description (halaman belum tersedia)">TD</a></li></ul></li> <li><a href="/w/index.php?title=Web_storage&action=edit&redlink=1" class="new" title="Web storage (halaman belum tersedia)">Web storage</a></li> <li><a href="/w/index.php?title=Web_Services_Description_Language&action=edit&redlink=1" class="new" title="Web Services Description Language (halaman belum tersedia)">WSDL</a></li> <li><a href="/w/index.php?title=Webmention&action=edit&redlink=1" class="new" title="Webmention (halaman belum tersedia)">Webmention</a></li> <li><a href="/w/index.php?title=WebSub&action=edit&redlink=1" class="new" title="WebSub (halaman belum tersedia)">WebSub</a></li> <li><a href="/wiki/XHTML" class="mw-redirect" title="XHTML">XHTML</a> <ul><li><a href="/w/index.php?title=XHTML%2BRDFa&action=edit&redlink=1" class="new" title="XHTML+RDFa (halaman belum tersedia)">+RDFa</a></li></ul></li> <li><a href="/wiki/XML" title="XML">XML</a> <ul><li><a href="/w/index.php?title=XML_Base&action=edit&redlink=1" class="new" title="XML Base (halaman belum tersedia)">Base</a></li> <li><a href="/w/index.php?title=XML_Encryption&action=edit&redlink=1" class="new" title="XML Encryption (halaman belum tersedia)">Encryption</a></li> <li><a href="/w/index.php?title=XML_Events&action=edit&redlink=1" class="new" title="XML Events (halaman belum tersedia)">Events</a></li> <li><a href="/w/index.php?title=XML_Information_Set&action=edit&redlink=1" class="new" title="XML Information Set (halaman belum tersedia)">Information Set</a></li> <li><a href="/w/index.php?title=XML_namespace&action=edit&redlink=1" class="new" title="XML namespace (halaman belum tersedia)">Namespace</a></li> <li><a href="/w/index.php?title=XML_Schema_(W3C)&action=edit&redlink=1" class="new" title="XML Schema (W3C) (halaman belum tersedia)">Schema</a></li> <li><a href="/w/index.php?title=XML_Signature&action=edit&redlink=1" class="new" title="XML Signature (halaman belum tersedia)">Signature</a></li> <li><a href="/w/index.php?title=XForms&action=edit&redlink=1" class="new" title="XForms (halaman belum tersedia)">XForms</a></li> <li><a href="/w/index.php?title=XInclude&action=edit&redlink=1" class="new" title="XInclude (halaman belum tersedia)">XInclude</a></li> <li><a href="/w/index.php?title=XLink&action=edit&redlink=1" class="new" title="XLink (halaman belum tersedia)">XLink</a></li> <li><a href="/w/index.php?title=XML-binary_Optimized_Packaging&action=edit&redlink=1" class="new" title="XML-binary Optimized Packaging (halaman belum tersedia)">XOP</a></li> <li><a href="/wiki/XPath" title="XPath">XPath</a> <ul><li><a href="/w/index.php?title=XPath_2.0&action=edit&redlink=1" class="new" title="XPath 2.0 (halaman belum tersedia)">2.0</a></li> <li><a href="/w/index.php?title=XPath_3&action=edit&redlink=1" class="new" title="XPath 3 (halaman belum tersedia)">3.x</a></li></ul></li> <li><a href="/w/index.php?title=XPointer&action=edit&redlink=1" class="new" title="XPointer (halaman belum tersedia)">XPointer</a></li> <li><a href="/w/index.php?title=XProc&action=edit&redlink=1" class="new" title="XProc (halaman belum tersedia)">XProc</a></li> <li><a href="/w/index.php?title=XQuery&action=edit&redlink=1" class="new" title="XQuery (halaman belum tersedia)">XQuery</a></li> <li><a href="/wiki/XSL" class="mw-redirect" title="XSL">XSL</a></li> <li><a href="/wiki/XSL_Formatting_Objects" class="mw-redirect" title="XSL Formatting Objects">XSL-FO</a></li> <li><a href="/wiki/XSLT" class="mw-redirect" title="XSLT">XSLT</a> <ul><li><a href="/w/index.php?title=XSLT_elements&action=edit&redlink=1" class="new" title="XSLT elements (halaman belum tersedia)">elements</a></li></ul></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Catatan</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=IndieAuth&action=edit&redlink=1" class="new" title="IndieAuth (halaman belum tersedia)">IndieAuth</a></li> <li><a href="/w/index.php?title=XAdES&action=edit&redlink=1" class="new" title="XAdES (halaman belum tersedia)">XAdES</a></li> <li><a href="/w/index.php?title=XBL&action=edit&redlink=1" class="new" title="XBL (halaman belum tersedia)">XBL</a></li> <li><a href="/w/index.php?title=XHTML%2BSMIL&action=edit&redlink=1" class="new" title="XHTML+SMIL (halaman belum tersedia)">XHTML+SMIL</a></li> <li><a href="/w/index.php?title=Extensible_User_Interface_Protocol&action=edit&redlink=1" class="new" title="Extensible User Interface Protocol (halaman belum tersedia)">XUP</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/World_Wide_Web_Consortium#Working_draft_(WD)" class="mw-redirect" title="World Wide Web Consortium">Daftar kerja</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=Call_Control_eXtensible_Markup_Language&action=edit&redlink=1" class="new" title="Call Control eXtensible Markup Language (halaman belum tersedia)">CCXML</a></li> <li><a href="/w/index.php?title=CURIE&action=edit&redlink=1" class="new" title="CURIE (halaman belum tersedia)">CURIE</a></li> <li><a href="/w/index.php?title=Encrypted_Media_Extensions&action=edit&redlink=1" class="new" title="Encrypted Media Extensions (halaman belum tersedia)">EME</a></li> <li><a href="/w/index.php?title=InkML&action=edit&redlink=1" class="new" title="InkML (halaman belum tersedia)">InkML</a></li> <li><a href="/w/index.php?title=Media_Source_Extensions&action=edit&redlink=1" class="new" title="Media Source Extensions (halaman belum tersedia)">MSE</a></li> <li><a href="/w/index.php?title=Rule_Interchange_Format&action=edit&redlink=1" class="new" title="Rule Interchange Format (halaman belum tersedia)">RIF</a></li> <li><a href="/w/index.php?title=SMIL_Timesheets&action=edit&redlink=1" class="new" title="SMIL Timesheets (halaman belum tersedia)">SMIL Timesheets</a></li> <li><a href="/w/index.php?title=SXBL&action=edit&redlink=1" class="new" title="SXBL (halaman belum tersedia)">sXBL</a></li> <li><a href="/w/index.php?title=WebGPU&action=edit&redlink=1" class="new" title="WebGPU (halaman belum tersedia)">WebGPU</a></li> <li><a href="/w/index.php?title=WebXR&action=edit&redlink=1" class="new" title="WebXR (halaman belum tersedia)">WebXR</a></li> <li><a href="/w/index.php?title=Extensible_Forms_Description_Language&action=edit&redlink=1" class="new" title="Extensible Forms Description Language (halaman belum tersedia)">XFDL</a></li> <li><a href="/w/index.php?title=XFrames&action=edit&redlink=1" class="new" title="XFrames (halaman belum tersedia)">XFrames</a></li> <li><a href="/wiki/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Panduan</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Web_Content_Accessibility_Guidelines" title="Web Content Accessibility Guidelines">Web Content Accessibility Guidelines</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Inisiatif</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/W3C_Markup_Validation_Service" title="W3C Markup Validation Service">Markup Validation Service</a></li> <li><a href="/w/index.php?title=Web_Accessibility_Initiative&action=edit&redlink=1" class="new" title="Web Accessibility Initiative (halaman belum tersedia)">Web Accessibility Initiative</a></li> <li><a href="/w/index.php?title=Web_Components&action=edit&redlink=1" class="new" title="Web Components (halaman belum tersedia)">Web Components</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Terdahulu</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=C-HTML&action=edit&redlink=1" class="new" title="C-HTML (halaman belum tersedia)">C-HTML</a></li> <li><a href="/w/index.php?title=Handheld_Device_Markup_Language&action=edit&redlink=1" class="new" title="Handheld Device Markup Language (halaman belum tersedia)">HDML</a></li> <li><a href="/w/index.php?title=JavaScript_Style_Sheets&action=edit&redlink=1" class="new" title="JavaScript Style Sheets (halaman belum tersedia)">JSSS</a></li> <li><a href="/w/index.php?title=Precision_Graphics_Markup_Language&action=edit&redlink=1" class="new" title="Precision Graphics Markup Language (halaman belum tersedia)">PGML</a></li> <li><a href="/w/index.php?title=Vector_Markup_Language&action=edit&redlink=1" class="new" title="Vector Markup Language (halaman belum tersedia)">VML</a></li> <li><a href="/w/index.php?title=WebPlatform.org&action=edit&redlink=1" class="new" title="WebPlatform.org (halaman belum tersedia)">WebPlatform</a></li> <li><a href="/w/index.php?title=XHTML%2BMathML%2BSVG&action=edit&redlink=1" class="new" title="XHTML+MathML+SVG (halaman belum tersedia)">XHTML+MathML+SVG</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Usang</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=P3P&action=edit&redlink=1" class="new" title="P3P (halaman belum tersedia)">P3P</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Organisasi</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><td colspan="2" class="navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=World_Wide_Web_Foundation&action=edit&redlink=1" class="new" title="World Wide Web Foundation (halaman belum tersedia)">World Wide Web Foundation</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Kelompok kerja</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=Technical_Architecture_Group&action=edit&redlink=1" class="new" title="Technical Architecture Group (halaman belum tersedia)">TAG</a></li> <li><a href="/w/index.php?title=CSS_Working_Group&action=edit&redlink=1" class="new" title="CSS Working Group (halaman belum tersedia)">CSS</a></li> <li><a href="/w/index.php?title=SVG_Working_Group&action=edit&redlink=1" class="new" title="SVG Working Group (halaman belum tersedia)">SVG</a></li> <li><a href="/w/index.php?title=WebAssembly&action=edit&redlink=1" class="new" title="WebAssembly (halaman belum tersedia)">WebAssembly</a></li> <li><a href="/w/index.php?title=Web_Authentication_Working_Group&action=edit&redlink=1" class="new" title="Web Authentication Working Group (halaman belum tersedia)">WebAuthn</a></li> <li><a href="/wiki/WHATWG" class="mw-redirect" title="WHATWG">WHATWG</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Kelompok komunitas & bisnis</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=Improving_Web_Advertising_Business_Group&action=edit&redlink=1" class="new" title="Improving Web Advertising Business Group (halaman belum tersedia)">Web Advertising BG</a></li> <li><a href="/w/index.php?title=WebAssembly&action=edit&redlink=1" class="new" title="WebAssembly (halaman belum tersedia)">WebAssembly</a> CG</li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Kelompok yang sudah ditutup</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=W3C_Device_Description_Working_Group&action=edit&redlink=1" class="new" title="W3C Device Description Working Group (halaman belum tersedia)">Device Description</a> (DDWG)</li> <li><a href="/w/index.php?title=HTML_Working_Group&action=edit&redlink=1" class="new" title="HTML Working Group (halaman belum tersedia)">HTML</a></li> <li><a href="/w/index.php?title=W3C_MMI&action=edit&redlink=1" class="new" title="W3C MMI (halaman belum tersedia)">Multimodal Interaction Activity</a> (MMI)</li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Perangkat lunak</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><td colspan="2" class="navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=CERN_httpd&action=edit&redlink=1" class="new" title="CERN httpd (halaman belum tersedia)">CERN httpd</a></li> <li><a href="/w/index.php?title=Libwww&action=edit&redlink=1" class="new" title="Libwww (halaman belum tersedia)">Libwww</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Peramban_web" title="Peramban web">Peramban</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=Line_Mode_Browser&action=edit&redlink=1" class="new" title="Line Mode Browser (halaman belum tersedia)">Line Mode</a> (1990–)</li> <li><a href="/w/index.php?title=Arena_(peramban_web)&action=edit&redlink=1" class="new" title="Arena (peramban web) (halaman belum tersedia)">Arena</a> (1993–1998)</li> <li><a href="/w/index.php?title=Agora_(peramban_web)&action=edit&redlink=1" class="new" title="Agora (peramban web) (halaman belum tersedia)">Agora</a> (1994–1997)</li> <li><a href="/w/index.php?title=Argo_(peramban_web)&action=edit&redlink=1" class="new" title="Argo (peramban web) (halaman belum tersedia)">Argo</a> (1994–1997)</li> <li><a href="/wiki/Amaya_(peramban_web)" class="mw-redirect" title="Amaya (peramban web)">Amaya</a> (browser/editor, 1996–2012)</li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Konferensi</th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/International_World_Wide_Web_Conference" class="mw-redirect" title="International World Wide Web Conference">International World Wide Web Conference</a> (IW3C) <ul><li><a href="/w/index.php?title=International_World_Wide_Web_Conferences_Steering_Committee&action=edit&redlink=1" class="new" title="International World Wide Web Conferences Steering Committee (halaman belum tersedia)">Steering Committee</a> (IW3C2)</li> <li><a href="/w/index.php?title=First_International_Conference_on_the_World-Wide_Web&action=edit&redlink=1" class="new" title="First International Conference on the World-Wide Web (halaman belum tersedia)">First conference</a> ("WWW1", 1994)</li></ul></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r23782733"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r25847331"></div><div role="navigation" class="navbox authority-control" aria-labelledby="Pengawasan_otoritas_frameless_&#124;text-top_&#124;10px_&#124;alt=Sunting_ini_di_Wikidata_&#124;link=https&#58;//www.wikidata.org/wiki/Q46441#identifiers&#124;Sunting_ini_di_Wikidata" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Pengawasan_otoritas_frameless_&#124;text-top_&#124;10px_&#124;alt=Sunting_ini_di_Wikidata_&#124;link=https&#58;//www.wikidata.org/wiki/Q46441#identifiers&#124;Sunting_ini_di_Wikidata" style="font-size:114%;margin:0 4em"><a href="/wiki/Bantuan:Pengawasan_otoritas" title="Bantuan:Pengawasan otoritas">Pengawasan otoritas</a> <a href="https://www.wikidata.org/wiki/Q46441#identifiers" title="Sunting ini di Wikidata"><img alt="Sunting ini di Wikidata" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/10px-OOjs_UI_icon_edit-ltr-progressive.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/15px-OOjs_UI_icon_edit-ltr-progressive.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/20px-OOjs_UI_icon_edit-ltr-progressive.svg.png 2x" data-file-width="20" data-file-height="20" /></a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">Umum</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4467617-7">Integrated Authority File (Jerman)</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Perpustakaan nasional</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a rel="nofollow" class="external text" href="http://catalogo.bne.es/uhtbin/authoritybrowse.cgi?action=display&authority_id=XX550325">Spanyol</a></li> <li><a rel="nofollow" class="external text" href="https://catalogue.bnf.fr/ark:/12148/cb13739222f">Prancis</a> <a rel="nofollow" class="external text" href="https://data.bnf.fr/ark:/12148/cb13739222f">(data)</a></li> <li><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/subjects/sh2001004461">Amerika Serikat</a></li> <li><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph164348&CON_LNG=ENG">Republik Ceko</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Lain-lain</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a rel="nofollow" class="external text" href="https://academic.microsoft.com/v2/detail/93213560">Microsoft Academic</a></li></ul> </div></td></tr></tbody></table></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Diperoleh dari "<a dir="ltr" href="https://id.wikipedia.org/w/index.php?title=Cascading_Style_Sheets&oldid=26561520">https://id.wikipedia.org/w/index.php?title=Cascading_Style_Sheets&oldid=26561520</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Istimewa:Daftar_kategori" title="Istimewa:Daftar kategori">Kategori</a>: <ul><li><a href="/wiki/Kategori:Standar_W3C" title="Kategori:Standar W3C">Standar W3C</a></li><li><a href="/wiki/Kategori:Bahasa_skrip" title="Kategori:Bahasa skrip">Bahasa skrip</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Kategori tersembunyi: <ul><li><a href="/wiki/Kategori:Artikel_dengan_pranala_luar_nonaktif" title="Kategori:Artikel dengan pranala luar nonaktif">Artikel dengan pranala luar nonaktif</a></li><li><a href="/wiki/Kategori:Artikel_dengan_pranala_luar_nonaktif_permanen" title="Kategori:Artikel dengan pranala luar nonaktif permanen">Artikel dengan pranala luar nonaktif permanen</a></li><li><a href="/wiki/Kategori:CS1_sumber_berbahasa_Inggris_(en)" title="Kategori:CS1 sumber berbahasa Inggris (en)">CS1 sumber berbahasa Inggris (en)</a></li><li><a href="/wiki/Kategori:Artikel_yang_perlu_pemutakhiran_November_2024" title="Kategori:Artikel yang perlu pemutakhiran November 2024">Artikel yang perlu pemutakhiran November 2024</a></li><li><a href="/wiki/Kategori:Semua_artikel_yang_perlu_pemutakhiran" title="Kategori:Semua artikel yang perlu pemutakhiran">Semua artikel yang perlu pemutakhiran</a></li><li><a href="/wiki/Kategori:Artikel_Wikipedia_dengan_penanda_GND" title="Kategori:Artikel Wikipedia dengan penanda GND">Artikel Wikipedia dengan penanda GND</a></li><li><a href="/wiki/Kategori:Artikel_Wikipedia_dengan_penanda_BNE" title="Kategori:Artikel Wikipedia dengan penanda BNE">Artikel Wikipedia dengan penanda BNE</a></li><li><a href="/wiki/Kategori:Artikel_Wikipedia_dengan_penanda_BNF" title="Kategori:Artikel Wikipedia dengan penanda BNF">Artikel Wikipedia dengan penanda BNF</a></li><li><a href="/wiki/Kategori:Artikel_Wikipedia_dengan_penanda_LCCN" title="Kategori:Artikel Wikipedia dengan penanda LCCN">Artikel Wikipedia dengan penanda LCCN</a></li><li><a href="/wiki/Kategori:Artikel_Wikipedia_dengan_penanda_NKC" title="Kategori:Artikel Wikipedia dengan penanda NKC">Artikel Wikipedia dengan penanda NKC</a></li><li><a href="/wiki/Kategori:Artikel_Wikipedia_dengan_penanda_MA" title="Kategori:Artikel Wikipedia dengan penanda MA">Artikel Wikipedia dengan penanda MA</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Halaman ini terakhir diubah pada 24 November 2024, pukul 13.06.</li> <li id="footer-info-copyright">Teks tersedia di bawah <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Lisensi Atribusi-BerbagiSerupa Creative Commons</a>; ketentuan tambahan mungkin berlaku. Lihat <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Ketentuan Penggunaan</a> untuk rincian lebih lanjut.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Kebijakan privasi</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:Tentang">Tentang Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Penyangkalan_umum">Penyangkalan</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Kode Etik</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Pengembang</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/id.wikipedia.org">Statistik</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Pernyataan kuki</a></li> <li id="footer-places-mobileview"><a href="//id.m.wikipedia.org/w/index.php?title=Cascading_Style_Sheets&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Tampilan seluler</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-9bcc97d5b-xz4nr","wgBackendResponseTime":193,"wgPageParseReport":{"limitreport":{"cputime":"0.465","walltime":"0.654","ppvisitednodes":{"value":2189,"limit":1000000},"postexpandincludesize":{"value":94056,"limit":2097152},"templateargumentsize":{"value":2669,"limit":2097152},"expansiondepth":{"value":20,"limit":100},"expensivefunctioncount":{"value":39,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":90552,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 411.469 1 -total"," 23.20% 95.479 5 Templat:Navbox"," 22.50% 92.578 1 Templat:Reflist"," 18.89% 77.708 1 Templat:Daftar_bahasa_pemrograman"," 16.75% 68.933 18 Templat:Cite_web"," 15.07% 62.018 1 Templat:Infobox_file_format"," 14.48% 59.590 1 Templat:Authority_control"," 14.37% 59.116 1 Templat:Infobox"," 10.35% 42.586 1 Templat:Update"," 8.98% 36.967 3 Templat:Main_other"]},"scribunto":{"limitreport-timeusage":{"value":"0.222","limit":"10.000"},"limitreport-memusage":{"value":3888440,"limit":52428800}},"cachereport":{"origin":"mw-api-int.codfw.main-5b98bbb874-5lbmm","timestamp":"20241205032713","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Cascading Style Sheets","url":"https:\/\/id.wikipedia.org\/wiki\/Cascading_Style_Sheets","sameAs":"http:\/\/www.wikidata.org\/entity\/Q46441","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q46441","author":{"@type":"Organization","name":"Kontributor dari proyek Wikimedia."},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2006-02-27T06:20:05Z","dateModified":"2024-11-24T13:06:12Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/9d\/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_%D0%BA%D0%BE%D0%B4%D0%B0_%D0%BD%D0%B0_CSS.jpg","headline":"Aturan dalam pemograman"}</script> </body> </html>