CINXE.COM

CSS - Wikipedia, den frie encyklopædi

<!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="da" dir="ltr"> <head> <meta charset="UTF-8"> <title>CSS - Wikipedia, den frie encyklopædi</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(/(?:^|; )dawikimwclientpreferences=([^;]+)/);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":["","januar","februar","marts","april","maj","juni","juli","august","september","oktober","november","december"],"wgRequestId":"40149bd8-afeb-4e80-9595-db9bb28fbf23","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"CSS","wgTitle":"CSS","wgCurRevisionId":11576086,"wgRevisionId":11576086,"wgArticleId":79563,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Artikler hvor enkelte passager behøver uddybning (samlet liste)","Artikler hvor enkelte passager behøver uddybning siden 2018","Wikipedia artikler med LCCN autoritetsdata-ID","Wikipedia artikler med GND autoritetsdata-ID","Wikipedia artikler med BNF autoritetsdata-ID","World Wide Web Consortium","Markup language"],"wgPageViewLanguage":"da","wgPageContentLanguage":"da","wgPageContentModel":"wikitext","wgRelevantPageName":"CSS","wgRelevantArticleId":79563,"wgTempUserName":null, "wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"da","pageLanguageDir":"ltr","pageVariantFallbacks":"da"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":7000,"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,"wgSiteNoticeId":"2.0"};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready","ext.dismissableSiteNotice.styles":"ready"};RLPAGEMODULES=["ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.NewSection","ext.gadget.ReferenceTooltips","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.growthExperiments.SuggestedEditSession","ext.dismissableSiteNotice"];</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=da&amp;modules=ext.dismissableSiteNotice.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&amp;only=styles&amp;skin=vector-2022"> <script async="" src="/w/load.php?lang=da&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=da&amp;modules=site.styles&amp;only=styles&amp;skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.6"> <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/thumb/d/d5/CSS3_logo_and_wordmark.svg/1200px-CSS3_logo_and_wordmark.svg.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1693"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/800px-CSS3_logo_and_wordmark.svg.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="1128"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/640px-CSS3_logo_and_wordmark.svg.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="903"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="CSS - Wikipedia, den frie encyklopædi"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//da.m.wikipedia.org/wiki/CSS"> <link rel="alternate" type="application/x-wiki" title="Redigér" href="/w/index.php?title=CSS&amp;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 (da)"> <link rel="EditURI" type="application/rsd+xml" href="//da.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://da.wikipedia.org/wiki/CSS"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.da"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom-feed" href="/w/index.php?title=Speciel:Seneste_%C3%A6ndringer&amp;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-CSS rootpage-CSS skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Spring til indhold</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="Websted"> <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="Hovedmenu" > <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" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Hovedmenu</span> </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">Hovedmenu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">flyt til sidebjælken</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">skjul</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage" class="mw-list-item"><a href="/wiki/Forside" title="Besøg forsiden [z]" accesskey="z"><span>Forside</span></a></li><li id="n-kategorier" class="mw-list-item"><a href="/wiki/Wikipedia:Kategorier"><span>Kategorier</span></a></li><li id="n-Fremhævet-indhold" class="mw-list-item"><a href="/wiki/Wikipedia:Fremh%C3%A6vet_indhold"><span>Fremhævet indhold</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Speciel:Tilf%C3%A6ldig_side" title="Gå til en tilfældig side [x]" accesskey="x"><span>Tilfældig side</span></a></li><li id="n-Tilfældige-artikler" class="mw-list-item"><a href="/wiki/Wikipedia:Tilf%C3%A6ldige_artikler"><span>Tilfældige artikler</span></a></li><li id="n-Aktuelt" class="mw-list-item"><a href="/wiki/Wikipedia:Aktuelle_begivenheder"><span>Aktuelt</span></a></li> </ul> </div> </div> <div id="p-deltagelse" class="vector-menu mw-portlet mw-portlet-deltagelse" > <div class="vector-menu-heading"> deltagelse </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-velkommen" class="mw-list-item"><a href="/wiki/Hj%C3%A6lp:Velkommen_til_Wikipedia"><span>Velkommen</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Forside" title="Om projektet, hvad du kan gøre, hvor tingene findes"><span>Skribentforside</span></a></li><li id="n-Landsbybrønden" class="mw-list-item"><a href="/wiki/Wikipedia:Landsbybr%C3%B8nden"><span>Landsbybrønden</span></a></li><li id="n-Projekter" class="mw-list-item"><a href="/wiki/Wikipedia:Projekter"><span>Projekter</span></a></li><li id="n-Portaler" class="mw-list-item"><a href="/wiki/Portal:Portaler"><span>Portaler</span></a></li><li id="n-Ønskede-artikler" class="mw-list-item"><a href="/wiki/Wikipedia:WikiProjekt_Efterspurgte_artikler"><span>Ønskede artikler</span></a></li><li id="n-Oprydning" class="mw-list-item"><a href="/wiki/Wikipedia:Oprydning"><span>Oprydning</span></a></li><li id="n-Kalender" class="mw-list-item"><a href="/wiki/Wikipedia:Kalender"><span>Kalender</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Speciel:Seneste_%C3%A6ndringer" title="Listen over de seneste ændringer i wikien. [r]" accesskey="r"><span>Seneste ændringer</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Hj%C3%A6lp:Forside" title="Stedet hvor du finder hjælp"><span>Hjælp</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Forside" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <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="Den frie encyklopædi" src="/static/images/mobile/copyright/wikipedia-tagline-da.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </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/Speciel:S%C3%B8gning" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Søg på Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Søg</span> </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="Søg på Wikipedia" aria-label="Søg på Wikipedia" autocapitalize="sentences" title="Søg på Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Speciel:Søgning"> </div> <button class="cdx-button cdx-search-input__end-button">Søg</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personlige værktøjer"> <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="Udseende"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Skift udseendet af sidens skriftstørrelse, -bredde og -farve" > <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="Udseende" > <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" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Udseende</span> </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="https://donate.wikimedia.org/?wmf_source=donate&amp;wmf_medium=sidebar&amp;wmf_campaign=da.wikipedia.org&amp;uselang=da" class=""><span>Donation</span></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=Speciel:Opret_konto&amp;returnto=CSS" title="Du opfordres til at oprette en konto og logge på, men det er ikke obligatorisk" class=""><span>Opret konto</span></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=Speciel:Log_p%C3%A5&amp;returnto=CSS" title="Du opfordres til at logge på, men det er ikke obligatorisk. [o]" accesskey="o" class=""><span>Log på</span></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 user-links-collapsible-item" title="Flere muligheder" > <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="Personlige værktøjer" > <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" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personlige værktøjer</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Brugermenu" > <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="https://donate.wikimedia.org/?wmf_source=donate&amp;wmf_medium=sidebar&amp;wmf_campaign=da.wikipedia.org&amp;uselang=da"><span>Donation</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speciel:Opret_konto&amp;returnto=CSS" title="Du opfordres til at oprette en konto og logge på, men det er ikke obligatorisk"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Opret konto</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speciel:Log_p%C3%A5&amp;returnto=CSS" title="Du opfordres til at logge på, men det er ikke obligatorisk. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log på</span></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 id="mw-dismissablenotice-anonplace"></div><script>(function(){var node=document.getElementById("mw-dismissablenotice-anonplace");if(node){node.outerHTML="\u003Cdiv class=\"mw-dismissable-notice\"\u003E\u003Cdiv class=\"mw-dismissable-notice-close\"\u003E[\u003Ca tabindex=\"0\" role=\"button\"\u003ELuk\u003C/a\u003E]\u003C/div\u003E\u003Cdiv class=\"mw-dismissable-notice-body\"\u003E\u003C!-- CentralNotice --\u003E\u003Cdiv id=\"localNotice\" data-nosnippet=\"\"\u003E\u003Cdiv class=\"sitenotice\" lang=\"da\" dir=\"ltr\"\u003E\u003Cp\u003EDu kan deltage i Palnatokes traditionelle \u003Ca href=\"/wiki/Bruger:Palnatoke/Julequiz\" class=\"mw-redirect\" title=\"Bruger:Palnatoke/Julequiz\"\u003Ejulequiz\u003C/a\u003E.\u003Ci\u003E \u003Csmall\u003E(\u003Ca href=\"/wiki/Hj%C3%A6lp:Sitenotice\" title=\"Hjælp:Sitenotice\"\u003ELæs her om sitenotice\u003C/a\u003E)\u003C/small\u003E\u003C/i\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E";}}());</script></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="Websted"> <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="Indhold" 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">Indhold</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">flyt til sidebjælken</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">skjul</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">Indledning</div> </a> </li> <li id="toc-Brug_af_Cascading_Style_Sheets_i_HTML" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Brug_af_Cascading_Style_Sheets_i_HTML"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Brug af Cascading Style Sheets i HTML</span> </div> </a> <ul id="toc-Brug_af_Cascading_Style_Sheets_i_HTML-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Klasser_og_id&#039;er" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Klasser_og_id&#039;er"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Klasser og id'er</span> </div> </a> <ul id="toc-Klasser_og_id&#039;er-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Selectors" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Selectors"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Selectors</span> </div> </a> <ul id="toc-Selectors-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Egenskaber" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Egenskaber"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Egenskaber</span> </div> </a> <ul id="toc-Egenskaber-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Eksterne_henvisninger" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Eksterne_henvisninger"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Eksterne henvisninger</span> </div> </a> <ul id="toc-Eksterne_henvisninger-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="Indhold" 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="Vis/skjul indholdsfortegnelsen" > <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" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Vis/skjul indholdsfortegnelsen</span> </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"><span class="mw-page-title-main">CSS</span></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="Gå til en artikel på et andet sprog. Tilgængelig på 92 sprog" > <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" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">92 sprog</span> </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"><span>Afrikaans</span></a></li><li class="interlanguage-link interwiki-an mw-list-item"><a href="https://an.wikipedia.org/wiki/CSS" title="CSS – aragonsk" lang="an" hreflang="an" data-title="CSS" data-language-autonym="Aragonés" data-language-local-name="aragonsk" class="interlanguage-link-target"><span>Aragonés</span></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="أوراق الأنماط المتتالية – arabisk" lang="ar" hreflang="ar" data-title="أوراق الأنماط المتتالية" data-language-autonym="العربية" data-language-local-name="arabisk" class="interlanguage-link-target"><span>العربية</span></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="চি এছ এছ – assamesisk" lang="as" hreflang="as" data-title="চি এছ এছ" data-language-autonym="অসমীয়া" data-language-local-name="assamesisk" class="interlanguage-link-target"><span>অসমীয়া</span></a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/CSS" title="CSS – aserbajdsjansk" lang="az" hreflang="az" data-title="CSS" data-language-autonym="Azərbaycanca" data-language-local-name="aserbajdsjansk" class="interlanguage-link-target"><span>Azərbaycanca</span></a></li><li class="interlanguage-link interwiki-bar mw-list-item"><a href="https://bar.wikipedia.org/wiki/CSS" title="CSS – Bavarian" lang="bar" hreflang="bar" data-title="CSS" data-language-autonym="Boarisch" data-language-local-name="Bavarian" class="interlanguage-link-target"><span>Boarisch</span></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"><span>Žemaitėška</span></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="Каскадныя табліцы стыляў – belarusisk" lang="be" hreflang="be" data-title="Каскадныя табліцы стыляў" data-language-autonym="Беларуская" data-language-local-name="belarusisk" class="interlanguage-link-target"><span>Беларуская</span></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"><span>Беларуская (тарашкевіца)</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/CSS" title="CSS – bulgarsk" lang="bg" hreflang="bg" data-title="CSS" data-language-autonym="Български" data-language-local-name="bulgarsk" class="interlanguage-link-target"><span>Български</span></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"><span>বাংলা</span></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 – bretonsk" lang="br" hreflang="br" data-title="Cascading Style Sheets" data-language-autonym="Brezhoneg" data-language-local-name="bretonsk" class="interlanguage-link-target"><span>Brezhoneg</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/CSS" title="CSS – bosnisk" lang="bs" hreflang="bs" data-title="CSS" data-language-autonym="Bosanski" data-language-local-name="bosnisk" class="interlanguage-link-target"><span>Bosanski</span></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 – catalansk" lang="ca" hreflang="ca" data-title="Cascading Style Sheets" data-language-autonym="Català" data-language-local-name="catalansk" class="interlanguage-link-target"><span>Català</span></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="سی ئێس ئێس – sorani" lang="ckb" hreflang="ckb" data-title="سی ئێس ئێس" data-language-autonym="کوردی" data-language-local-name="sorani" class="interlanguage-link-target"><span>کوردی</span></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 – tjekkisk" lang="cs" hreflang="cs" data-title="Kaskádové styly" data-language-autonym="Čeština" data-language-local-name="tjekkisk" class="interlanguage-link-target"><span>Čeština</span></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 – walisisk" lang="cy" hreflang="cy" data-title="Cascading Style Sheets" data-language-autonym="Cymraeg" data-language-local-name="walisisk" class="interlanguage-link-target"><span>Cymraeg</span></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 – tysk" lang="de" hreflang="de" data-title="Cascading Style Sheets" data-language-autonym="Deutsch" data-language-local-name="tysk" class="interlanguage-link-target"><span>Deutsch</span></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"><span>Zazaki</span></a></li><li class="interlanguage-link interwiki-dsb mw-list-item"><a href="https://dsb.wikipedia.org/wiki/CSS" title="CSS – nedersorbisk" lang="dsb" hreflang="dsb" data-title="CSS" data-language-autonym="Dolnoserbski" data-language-local-name="nedersorbisk" class="interlanguage-link-target"><span>Dolnoserbski</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/CSS" title="CSS – græsk" lang="el" hreflang="el" data-title="CSS" data-language-autonym="Ελληνικά" data-language-local-name="græsk" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/CSS" title="CSS – engelsk" lang="en" hreflang="en" data-title="CSS" data-language-autonym="English" data-language-local-name="engelsk" class="interlanguage-link-target"><span>English</span></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"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/CSS" title="CSS – spansk" lang="es" hreflang="es" data-title="CSS" data-language-autonym="Español" data-language-local-name="spansk" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/CSS" title="CSS – estisk" lang="et" hreflang="et" data-title="CSS" data-language-autonym="Eesti" data-language-local-name="estisk" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/CSS" title="CSS – baskisk" lang="eu" hreflang="eu" data-title="CSS" data-language-autonym="Euskara" data-language-local-name="baskisk" class="interlanguage-link-target"><span>Euskara</span></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="سی‌اس‌اس – persisk" lang="fa" hreflang="fa" data-title="سی‌اس‌اس" data-language-autonym="فارسی" data-language-local-name="persisk" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/CSS" title="CSS – finsk" lang="fi" hreflang="fi" data-title="CSS" data-language-autonym="Suomi" data-language-local-name="finsk" class="interlanguage-link-target"><span>Suomi</span></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 – fransk" lang="fr" hreflang="fr" data-title="Feuilles de style en cascade" data-language-autonym="Français" data-language-local-name="fransk" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-frr mw-list-item"><a href="https://frr.wikipedia.org/wiki/CSS" title="CSS – nordfrisisk" lang="frr" hreflang="frr" data-title="CSS" data-language-autonym="Nordfriisk" data-language-local-name="nordfrisisk" class="interlanguage-link-target"><span>Nordfriisk</span></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 – irsk" lang="ga" hreflang="ga" data-title="Stílbhileoga cascáideacha" data-language-autonym="Gaeilge" data-language-local-name="irsk" class="interlanguage-link-target"><span>Gaeilge</span></a></li><li class="interlanguage-link interwiki-gd mw-list-item"><a href="https://gd.wikipedia.org/wiki/CSS" title="CSS – skotsk gælisk" lang="gd" hreflang="gd" data-title="CSS" data-language-autonym="Gàidhlig" data-language-local-name="skotsk gælisk" class="interlanguage-link-target"><span>Gàidhlig</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/CSS" title="CSS – galicisk" lang="gl" hreflang="gl" data-title="CSS" data-language-autonym="Galego" data-language-local-name="galicisk" class="interlanguage-link-target"><span>Galego</span></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="גיליונות סגנון מדורגים – hebraisk" lang="he" hreflang="he" data-title="גיליונות סגנון מדורגים" data-language-autonym="עברית" data-language-local-name="hebraisk" class="interlanguage-link-target"><span>עברית</span></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"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/CSS" title="CSS – kroatisk" lang="hr" hreflang="hr" data-title="CSS" data-language-autonym="Hrvatski" data-language-local-name="kroatisk" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-hsb mw-list-item"><a href="https://hsb.wikipedia.org/wiki/CSS" title="CSS – øvresorbisk" lang="hsb" hreflang="hsb" data-title="CSS" data-language-autonym="Hornjoserbsce" data-language-local-name="øvresorbisk" class="interlanguage-link-target"><span>Hornjoserbsce</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/CSS" title="CSS – ungarsk" lang="hu" hreflang="hu" data-title="CSS" data-language-autonym="Magyar" data-language-local-name="ungarsk" class="interlanguage-link-target"><span>Magyar</span></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="Կասկադային ոճաթերթ – armensk" lang="hy" hreflang="hy" data-title="Կասկադային ոճաթերթ" data-language-autonym="Հայերեն" data-language-local-name="armensk" class="interlanguage-link-target"><span>Հայերեն</span></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"><span>Interlingua</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – indonesisk" lang="id" hreflang="id" data-title="Cascading Style Sheets" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonesisk" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/CSS" title="CSS – islandsk" lang="is" hreflang="is" data-title="CSS" data-language-autonym="Íslenska" data-language-local-name="islandsk" class="interlanguage-link-target"><span>Íslenska</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/CSS" title="CSS – italiensk" lang="it" hreflang="it" data-title="CSS" data-language-autonym="Italiano" data-language-local-name="italiensk" class="interlanguage-link-target"><span>Italiano</span></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 – japansk" lang="ja" hreflang="ja" data-title="Cascading Style Sheets" data-language-autonym="日本語" data-language-local-name="japansk" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ka mw-list-item"><a href="https://ka.wikipedia.org/wiki/CSS" title="CSS – georgisk" lang="ka" hreflang="ka" data-title="CSS" data-language-autonym="ქართული" data-language-local-name="georgisk" class="interlanguage-link-target"><span>ქართული</span></a></li><li class="interlanguage-link interwiki-kaa mw-list-item"><a href="https://kaa.wikipedia.org/wiki/Css" title="Css – karakalpakisk" lang="kaa" hreflang="kaa" data-title="Css" data-language-autonym="Qaraqalpaqsha" data-language-local-name="karakalpakisk" class="interlanguage-link-target"><span>Qaraqalpaqsha</span></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 – kabylsk" lang="kab" hreflang="kab" data-title="Tiferkiyin n waɣanen ikussimen" data-language-autonym="Taqbaylit" data-language-local-name="kabylsk" class="interlanguage-link-target"><span>Taqbaylit</span></a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/CSS" title="CSS – kasakhisk" lang="kk" hreflang="kk" data-title="CSS" data-language-autonym="Қазақша" data-language-local-name="kasakhisk" class="interlanguage-link-target"><span>Қазақша</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/CSS" title="CSS – koreansk" lang="ko" hreflang="ko" data-title="CSS" data-language-autonym="한국어" data-language-local-name="koreansk" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-ky mw-list-item"><a href="https://ky.wikipedia.org/wiki/CSS" title="CSS – kirgisisk" lang="ky" hreflang="ky" data-title="CSS" data-language-autonym="Кыргызча" data-language-local-name="kirgisisk" class="interlanguage-link-target"><span>Кыргызча</span></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"><span>Lingua Franca Nova</span></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"><span>Lombard</span></a></li><li class="interlanguage-link interwiki-lt mw-list-item"><a href="https://lt.wikipedia.org/wiki/CSS" title="CSS – litauisk" lang="lt" hreflang="lt" data-title="CSS" data-language-autonym="Lietuvių" data-language-local-name="litauisk" class="interlanguage-link-target"><span>Lietuvių</span></a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/CSS" title="CSS – lettisk" lang="lv" hreflang="lv" data-title="CSS" data-language-autonym="Latviešu" data-language-local-name="lettisk" class="interlanguage-link-target"><span>Latviešu</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/CSS" title="CSS – makedonsk" lang="mk" hreflang="mk" data-title="CSS" data-language-autonym="Македонски" data-language-local-name="makedonsk" class="interlanguage-link-target"><span>Македонски</span></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"><span>മലയാളം</span></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"><span>ꯃꯤꯇꯩ ꯂꯣꯟ</span></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 – malajisk" lang="ms" hreflang="ms" data-title="Lembaran Gaya Lata" data-language-autonym="Bahasa Melayu" data-language-local-name="malajisk" class="interlanguage-link-target"><span>Bahasa Melayu</span></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="စီအက်စ်အက်စ် – burmesisk" lang="my" hreflang="my" data-title="စီအက်စ်အက်စ်" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="burmesisk" class="interlanguage-link-target"><span>မြန်မာဘာသာ</span></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 – nederlandsk" lang="nl" hreflang="nl" data-title="Cascading Style Sheets" data-language-autonym="Nederlands" data-language-local-name="nederlandsk" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-nn mw-list-item"><a href="https://nn.wikipedia.org/wiki/Stilark" title="Stilark – nynorsk" lang="nn" hreflang="nn" data-title="Stilark" data-language-autonym="Norsk nynorsk" data-language-local-name="nynorsk" class="interlanguage-link-target"><span>Norsk nynorsk</span></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" lang="nb" hreflang="nb" data-title="Cascading Style Sheets" data-language-autonym="Norsk bokmål" data-language-local-name="bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></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="ਸੀ.ਐਸ.ਐਸ – punjabisk" lang="pa" hreflang="pa" data-title="ਸੀ.ਐਸ.ਐਸ" data-language-autonym="ਪੰਜਾਬੀ" data-language-local-name="punjabisk" class="interlanguage-link-target"><span>ਪੰਜਾਬੀ</span></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 – polsk" lang="pl" hreflang="pl" data-title="Kaskadowe arkusze stylów" data-language-autonym="Polski" data-language-local-name="polsk" class="interlanguage-link-target"><span>Polski</span></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"><span>پنجابی</span></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 – portugisisk" lang="pt" hreflang="pt" data-title="Cascading Style Sheets" data-language-autonym="Português" data-language-local-name="portugisisk" class="interlanguage-link-target"><span>Português</span></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 – rumænsk" lang="ro" hreflang="ro" data-title="Cascading Style Sheets" data-language-autonym="Română" data-language-local-name="rumænsk" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/CSS" title="CSS – russisk" lang="ru" hreflang="ru" data-title="CSS" data-language-autonym="Русский" data-language-local-name="russisk" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/CSS" title="CSS – serbokroatisk" lang="sh" hreflang="sh" data-title="CSS" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="serbokroatisk" class="interlanguage-link-target"><span>Srpskohrvatski / српскохрватски</span></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) – singalesisk" lang="si" hreflang="si" data-title="සංයුක්ත සැරසුම් පි‍ටු(CSS)" data-language-autonym="සිංහල" data-language-local-name="singalesisk" class="interlanguage-link-target"><span>සිංහල</span></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"><span>Simple English</span></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 – slovakisk" lang="sk" hreflang="sk" data-title="Kaskádové štýly" data-language-autonym="Slovenčina" data-language-local-name="slovakisk" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/CSS" title="CSS – slovensk" lang="sl" hreflang="sl" data-title="CSS" data-language-autonym="Slovenščina" data-language-local-name="slovensk" class="interlanguage-link-target"><span>Slovenščina</span></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 – albansk" lang="sq" hreflang="sq" data-title="Fletat e Stileve të Shkallëzuar" data-language-autonym="Shqip" data-language-local-name="albansk" class="interlanguage-link-target"><span>Shqip</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/CSS" title="CSS – serbisk" lang="sr" hreflang="sr" data-title="CSS" data-language-autonym="Српски / srpski" data-language-local-name="serbisk" class="interlanguage-link-target"><span>Српски / srpski</span></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 – svensk" lang="sv" hreflang="sv" data-title="Cascading Style Sheets" data-language-autonym="Svenska" data-language-local-name="svensk" class="interlanguage-link-target"><span>Svenska</span></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"><span>தமிழ்</span></a></li><li class="interlanguage-link interwiki-tet mw-list-item"><a href="https://tet.wikipedia.org/wiki/CSS" title="CSS – tetum" lang="tet" hreflang="tet" data-title="CSS" data-language-autonym="Tetun" data-language-local-name="tetum" class="interlanguage-link-target"><span>Tetun</span></a></li><li class="interlanguage-link interwiki-tg mw-list-item"><a href="https://tg.wikipedia.org/wiki/CSS" title="CSS – tadsjikisk" lang="tg" hreflang="tg" data-title="CSS" data-language-autonym="Тоҷикӣ" data-language-local-name="tadsjikisk" class="interlanguage-link-target"><span>Тоҷикӣ</span></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"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-tk mw-list-item"><a href="https://tk.wikipedia.org/wiki/CSS" title="CSS – turkmensk" lang="tk" hreflang="tk" data-title="CSS" data-language-autonym="Türkmençe" data-language-local-name="turkmensk" class="interlanguage-link-target"><span>Türkmençe</span></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"><span>Tagalog</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/CSS" title="CSS – tyrkisk" lang="tr" hreflang="tr" data-title="CSS" data-language-autonym="Türkçe" data-language-local-name="tyrkisk" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-ug mw-list-item"><a href="https://ug.wikipedia.org/wiki/CSS" title="CSS – uygurisk" lang="ug" hreflang="ug" data-title="CSS" data-language-autonym="ئۇيغۇرچە / Uyghurche" data-language-local-name="uygurisk" class="interlanguage-link-target"><span>ئۇيغۇرچە / Uyghurche</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/CSS" title="CSS – ukrainsk" lang="uk" hreflang="uk" data-title="CSS" data-language-autonym="Українська" data-language-local-name="ukrainsk" class="interlanguage-link-target"><span>Українська</span></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"><span>اردو</span></a></li><li class="interlanguage-link interwiki-uz mw-list-item"><a href="https://uz.wikipedia.org/wiki/CSS" title="CSS – usbekisk" lang="uz" hreflang="uz" data-title="CSS" data-language-autonym="Oʻzbekcha / ўзбекча" data-language-local-name="usbekisk" class="interlanguage-link-target"><span>Oʻzbekcha / ўзбекча</span></a></li><li class="interlanguage-link interwiki-vec mw-list-item"><a href="https://vec.wikipedia.org/wiki/CSS" title="CSS – Venetian" lang="vec" hreflang="vec" data-title="CSS" data-language-autonym="Vèneto" data-language-local-name="Venetian" class="interlanguage-link-target"><span>Vèneto</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/CSS" title="CSS – vietnamesisk" lang="vi" hreflang="vi" data-title="CSS" data-language-autonym="Tiếng Việt" data-language-local-name="vietnamesisk" class="interlanguage-link-target"><span>Tiếng Việt</span></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-kinesisk" lang="wuu" hreflang="wuu" data-title="层叠样式表" data-language-autonym="吴语" data-language-local-name="wu-kinesisk" class="interlanguage-link-target"><span>吴语</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/CSS" title="CSS – kinesisk" lang="zh" hreflang="zh" data-title="CSS" data-language-autonym="中文" data-language-local-name="kinesisk" class="interlanguage-link-target"><span>中文</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/CSS" title="CSS – kantonesisk" lang="yue" hreflang="yue" data-title="CSS" data-language-autonym="粵語" data-language-local-name="kantonesisk" class="interlanguage-link-target"><span>粵語</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q46441#sitelinks-wikipedia" title="Redigér sproglinks" class="wbc-editpage">Redigér links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Navnerum"> <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/CSS" title="Se indholdssiden [c]" accesskey="c"><span>Artikel</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Diskussion:CSS" rel="discussion" title="Diskussion om indholdet på siden [t]" accesskey="t"><span>Diskussion</span></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="Ændr sprogvariant" > <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" ><span class="vector-dropdown-label-text">dansk</span> </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="Visninger"> <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/CSS"><span>Læs</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=CSS&amp;veaction=edit" title="Redigér denne side [v]" accesskey="v"><span>Redigér</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=CSS&amp;action=edit" title="Rediger kildekoden for denne side [e]" accesskey="e"><span>Rediger kildekode</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=CSS&amp;action=history" title="Tidligere versioner af denne side [h]" accesskey="h"><span>Se historik</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Sideværktøjer"> <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="Værktøjer" > <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" ><span class="vector-dropdown-label-text">Værktøjer</span> </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">Værktøjer</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">flyt til sidebjælken</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">skjul</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Flere muligheder" > <div class="vector-menu-heading"> Handlinger </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/CSS"><span>Læs</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=CSS&amp;veaction=edit" title="Redigér denne side [v]" accesskey="v"><span>Redigér</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=CSS&amp;action=edit" title="Rediger kildekoden for denne side [e]" accesskey="e"><span>Rediger kildekode</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=CSS&amp;action=history"><span>Se historik</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Generelt </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Speciel:Hvad_linker_hertil/CSS" title="Liste med alle sider som henviser hertil [j]" accesskey="j"><span>Hvad henviser hertil</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Speciel:Relaterede_%C3%A6ndringer/CSS" rel="nofollow" title="Seneste ændringer af sider som denne side henviser til [k]" accesskey="k"><span>Beslægtede ændringer</span></a></li><li id="t-upload" class="mw-list-item"><a href="//commons.wikimedia.org/wiki/Special:UploadWizard?uselang=da&amp;campaign=dk" title="Upload filer [u]" accesskey="u"><span>Upload fil</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Speciel:Specialsider" title="Liste over alle specialsider [q]" accesskey="q"><span>Specialsider</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=CSS&amp;oldid=11576086" title="Permanent link til denne version af denne side"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=CSS&amp;action=info" title="Yderligere oplysninger om denne side"><span>Sideinformation</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Speciel:Citer&amp;page=CSS&amp;id=11576086&amp;wpFormIdentifier=titleform" title="Information om, hvordan man kan citere denne side"><span>Referer til denne side</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Speciel:UrlQ%C4%B1sald%C4%B1c%C4%B1s%C4%B1&amp;url=https%3A%2F%2Fda.wikipedia.org%2Fwiki%2FCSS"><span>Hent forkortet URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Speciel:QrKodu&amp;url=https%3A%2F%2Fda.wikipedia.org%2Fwiki%2FCSS"><span>Download QR-kode</span></a></li> </ul> </div> </div> <div id="p-Organisation" class="vector-menu mw-portlet mw-portlet-Organisation" > <div class="vector-menu-heading"> Organisation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-contact" class="mw-list-item"><a href="/wiki/Wikipedia:Kontakt_Wikipedia"><span>Kontakt Wikipedia</span></a></li><li id="n-Wikimedia-Danmark" class="mw-list-item"><a href="https://dk.wikimedia.org/wiki/"><span>Wikimedia Danmark</span></a></li><li id="n-GLAM" class="mw-list-item"><a href="/wiki/Wikipedia:GLAM"><span>GLAM</span></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"> Udskriv/eksportér </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=Speciel:Bog&amp;bookcmd=book_creator&amp;referer=CSS"><span>Lav en bog</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Speciel:DownloadAsPdf&amp;page=CSS&amp;action=show-download-screen"><span>Download som PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=CSS&amp;printable=yes" title="Printervenlig udgave af denne side [p]" accesskey="p"><span>Udskriftsvenlig udgave</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> I andre projekter </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"><span>Wikimedia Commons</span></a></li><li class="wb-otherproject-link wb-otherproject-mediawiki mw-list-item"><a href="https://www.mediawiki.org/wiki/Manual:CSS" hreflang="en"><span>MediaWiki</span></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="Link til tilknyttet emne i Wikidata [g]" accesskey="g"><span>Wikidata-element</span></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="Sideværktøjer"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Udseende"> <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">Udseende</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">flyt til sidebjælken</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">skjul</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">Fra Wikipedia, den frie encyklopædi</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="da" dir="ltr"><dl><dd><span typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Disambig_bordered_fade.svg/19px-Disambig_bordered_fade.svg.png" decoding="async" width="19" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Disambig_bordered_fade.svg/29px-Disambig_bordered_fade.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Disambig_bordered_fade.svg/38px-Disambig_bordered_fade.svg.png 2x" data-file-width="236" data-file-height="185" /></span></span><i> For alternative betydninger, se <a href="/wiki/CSS_(flertydig)" class="mw-disambig" title="CSS (flertydig)">CSS (flertydig)</a>.</i> <small>(<a href="/wiki/Speciel:Pr%C3%A6fiksindeks/CSS" title="Speciel:Præfiksindeks/CSS">Se også artikler, som begynder med CSS</a>)</small></dd></dl> <table class="infobox" style="text-align: left; width: 23em; font-size: 90%;"> <tbody><tr> <td colspan="2" style="text-align: center"><b>Cascading Style Sheets (CSS)</b> </td></tr> <tr><td style="text-align: center;" colspan="2"><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Fil:CSS3_logo_and_wordmark.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/220px-CSS3_logo_and_wordmark.svg.png" decoding="async" width="220" height="310" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/330px-CSS3_logo_and_wordmark.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/440px-CSS3_logo_and_wordmark.svg.png 2x" data-file-width="363" data-file-height="512" /></a><figcaption>CSS 3 logoet</figcaption></figure></td></tr> <tr><th style="white-space: nowrap;"><a href="/wiki/Filendelse" title="Filendelse">Filendelse</a>:</th><td><code>.css</code></td></tr><tr><th style="white-space: nowrap;"><a href="/w/index.php?title=MIME_(Multipurpose_Internet_Mail_Extensions)&amp;action=edit&amp;redlink=1" class="new" title="MIME (Multipurpose Internet Mail Extensions) (ikke skrevet endnu)">MIME-type</a>:</th><td><code>text/css</code></td></tr><tr><th style="white-space: nowrap;">Udviklet af:</th><td><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> (W3C)</td></tr><tr><th style="white-space: nowrap;">Formattype:</th><td><a href="/w/index.php?title=Style_sheet_language&amp;action=edit&amp;redlink=1" class="new" title="Style sheet language (ikke skrevet endnu)">Style sheet language</a></td></tr> </tbody></table> <p><b>Cascading Style Sheets</b> (forkortet <b>CSS</b>) er et <a href="/wiki/Computersprog" class="mw-redirect" title="Computersprog">computersprog</a>, der bruges til at beskrive, hvordan man ønsker indholdet af et <a href="/wiki/HTML" title="HTML">HTML</a>/<a href="/wiki/XHTML" title="XHTML">XHTML</a>/<a href="/wiki/XML" title="XML">XML</a>-dokument præsenteret, f.eks. i en <a href="/wiki/Webbrowser" title="Webbrowser">browser</a>. </p><p>I HTML kan man indlejre CSS-koden i et <code>style</code>-element eller have det i <a href="/wiki/Fil_(dataobjekt)" title="Fil (dataobjekt)">filer</a> for sig (på samme måde som man kan med <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>) ved henvisning via et <code>link</code>-element. En af fordelene ved at placere typografibeskrivelsen i en fil for sig selv er, at formateringen kan genbruges i flere dokumenter (ved at flere dokumenter inkluderer link til samme fil med css). Hvis man ikke lægger det i en fil for sig vil man skulle gentage den samme kode på hver side hvor man ønsker samme effekt, hvilket normalt ikke er hensigtsmæssigt. </p><p>Ved mere avanceret brug kan et CSS-dokument bruges til at styre en hel hjemmesides udseende og visuelle opbygning. Derved kan man holde indholdet af siden i HTML-koden og lade CSS-koden styre udseendet. </p><p>Ud over genbrug giver CSS-formatet mulighed for at kombinere formateringsoplysninger fra flere forskellige CSS-filer. Med denne teknik kan man eksempelvis have en CSS-fil med basal formatering, der bruges af alle HTML-dokumenter, man administrerer, og en anden, som bruges til eksempelvis "avanceret indhold". </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Brug_af_Cascading_Style_Sheets_i_HTML">Brug af Cascading Style Sheets i HTML</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&amp;veaction=edit&amp;section=1" title="Redigér afsnit: Brug af Cascading Style Sheets i HTML" class="mw-editsection-visualeditor"><span>redigér</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=CSS&amp;action=edit&amp;section=1" title="Edit section&#039;s source code: Brug af Cascading Style Sheets i HTML"><span>rediger kildetekst</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Fra et HTML-dokument kan der refereres til en eller flere CSS-filer med linjer som denne i <code>head</code>-elementet: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;basis.css&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span> <span class="p">/&gt;</span> <span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;avanceret.css&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span> <span class="p">/&gt;</span> </pre></div> <p>Man kan også skrive CSS-teksten i <code>style</code>-elementet og inkludere det direkte på siden. Eksempel: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">style</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span><span class="p">&gt;</span> <span class="w"> </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">sienna</span><span class="p">;</span> <span class="w"> </span><span class="k">margin-left</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> <span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span> </pre></div> <p>Til sidst kan CSS-teksten stå som en værdi i attributten <code>style</code> tilknyttet et element. Eksempel: </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="o">&lt;</span><span class="nt">p</span><span class="w"> </span><span class="nt">style</span><span class="o">=</span><span class="s2">&quot;color: sienna; margin-left: 20px&quot;</span><span class="o">&gt;</span> <span class="w"> </span><span class="nt">Dette</span><span class="w"> </span><span class="nt">er</span><span class="w"> </span><span class="nt">et</span><span class="w"> </span><span class="nt">typografisk</span><span class="w"> </span><span class="nt">afsnit</span> <span class="o">&lt;/</span><span class="nt">p</span><span class="o">&gt;</span> </pre></div> <p>I selve CSS-filen bruges en <a href="/wiki/Syntaks" title="Syntaks">syntaks</a>, som ikke ligner HTML. Det mest grundlæggende af syntaksen ser således ud: </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="c">/* Kommentar */</span> <span class="nt">selector</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="n">egenskab1</span><span class="p">:</span><span class="w"> </span><span class="n">værdi</span><span class="p">;</span> <span class="w"> </span><span class="n">egenskab2</span><span class="p">:</span><span class="w"> </span><span class="n">værdi</span><span class="p">;</span> <span class="p">}</span> </pre></div><p>Og her er et konkret eksempel på et CSS-dokument:</p><div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="c">/* Brug sort tekst på grå baggrund i hele dokumentet som standard */</span> <span class="nt">body</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span><span class="w"> </span><span class="c">/* Sort tekstfarve */</span> <span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="kc">gray</span><span class="p">;</span><span class="w"> </span><span class="c">/* Grå baggrundsfarve */</span> <span class="p">}</span> <span class="c">/* Grønne centrerede overskrifter. Den anvendte baggrundsfarve til </span> <span class="c"> overskrifterne forbliver den grå fra body-elementet, da h1, h2, og h3 </span> <span class="c"> altid er indeholdt i et body-element. */</span> <span class="nt">h1</span><span class="o">,</span><span class="w"> </span><span class="nt">h2</span><span class="o">,</span><span class="w"> </span><span class="nt">h3</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">green</span><span class="p">;</span><span class="w"> </span><span class="c">/* Tilsidesæt tekstfarven fra body-elementet */</span> <span class="w"> </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span><span class="w"> </span><span class="c">/* Centrer overskriften */</span> <span class="p">}</span> </pre></div> <p>Som vist i eksemplet kan definitioner tilsidesættes eller "overskrives". Overskrivningsreglerne inden for CSS følger til dels rækkefølgen af definitioner, men mere vigtigt er, at de mest specifikke regler har forrang over for mindre specifikke regler. Derfor<sup class="noprint Inline-Template" style="white-space:nowrap;">&#91;<i><a href="/wiki/Kategori:Artikler_hvor_enkelte_passager_beh%C3%B8ver_uddybning" title="Kategori:Artikler hvor enkelte passager behøver uddybning"><span title="Tekst i omegnen af dette mærke behøver uddybning eller fjernelse af specialjargon (siden&#160;2018)">forklar yderligere</span></a></i>&#93;</sup> vil baggrunden forblive grå i eksemplet og den generelle tekstfarve vil være sort. </p> <div class="mw-heading mw-heading2"><h2 id="Klasser_og_id'er"><span id="Klasser_og_id.27er"></span>Klasser og id'er</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&amp;veaction=edit&amp;section=2" title="Redigér afsnit: Klasser og id&#039;er" class="mw-editsection-visualeditor"><span>redigér</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=CSS&amp;action=edit&amp;section=2" title="Edit section&#039;s source code: Klasser og id&#039;er"><span>rediger kildetekst</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Man kan bruge klasser og id'er til at strukturere og gøre genbrug lettere. </p><p>Eksempel: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span> <span class="w"> </span><span class="c">/* Denne regel refererer til elementer, hvis class-attribut </span> <span class="c"> indeholder &quot;minklasse&quot; */</span> <span class="w"> </span><span class="p">.</span><span class="nc">minklasse</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="n">Arial</span><span class="p">;</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> <span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">p</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;minklasse&quot;</span><span class="p">&gt;</span>Dette vil stå med rød 16px Arial.<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </pre></div><p> Man kan også referere til specifikke <code>id</code>-attributter:</p><div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span> <span class="w"> </span><span class="c">/* Denne regel refererer til det element, hvis id-attribut </span> <span class="c"> er lig med &quot;mitid&quot; (bemærk at kun et enkelt element kan </span> <span class="c"> have en bestemt id-værdi). */</span> <span class="w"> </span><span class="p">#</span><span class="nn">mitid</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="n">Arial</span><span class="p">;</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> <span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">p</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;mitid&quot;</span><span class="p">&gt;</span>Dette vil stå med rød 16px Arial.<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </pre></div> <p>Id'er og klasser kan også kombineres: </p><p>Eksempel: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span> <span class="w"> </span><span class="p">.</span><span class="nc">min-class</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background-image</span><span class="p">:</span><span class="w"> </span><span class="nb">url</span><span class="p">(</span><span class="s2">&quot;http://example.com/baggrund.jpg&quot;</span><span class="p">);</span> <span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="p">#</span><span class="nn">mit-id</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> <span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span> <span class="p">&lt;</span><span class="nt">h1</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;mit-id&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;min-class&quot;</span><span class="p">&gt;</span>Rød overskrift med baggrundsbillede<span class="p">&lt;/</span><span class="nt">h1</span><span class="p">&gt;</span> </pre></div> <div class="mw-heading mw-heading2"><h2 id="Selectors">Selectors</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&amp;veaction=edit&amp;section=3" title="Redigér afsnit: Selectors" class="mw-editsection-visualeditor"><span>redigér</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=CSS&amp;action=edit&amp;section=3" title="Edit section&#039;s source code: Selectors"><span>rediger kildetekst</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Selectoren ("udvælgeren") vælger et eller flere elementer. Det der står i <a href="/wiki/Akkolade" title="Akkolade">krøllede parenteser</a> {} efter selectoren kommer til at gælde for de valgte elementer. Her er en tabel over hvad selectorerne vælger: </p> <table class="wikitable"> <tbody><tr> <td><b>Selector</b></td> <td><b>Elementer den vælger</b></td> <td><b>Alt imellem</b> </td></tr> <tr> <td>*</td> <td>Alle elementer</td> <td>Alt tekst </td></tr> <tr> <td>E</td> <td>Elementet E</td> <td>&lt;E&gt; og &lt;/E&gt; </td></tr> <tr> <td>E.C</td> <td>Elementet E med class'en C</td> <td>&lt;E class="C"&gt; og &lt;/E&gt; </td></tr> <tr> <td>F &gt; E</td> <td>Elementet E som er child i et element F</td> <td>&lt;F&gt;&lt;E&gt; og &lt;/E&gt;&lt;/F&gt; </td></tr> <tr> <td>F+E</td> <td>Elementet E som er lige efter elementet F</td> <td>&lt;F&gt;&lt;/F&gt;&lt;E&gt; og &lt;/E&gt; </td></tr> <tr> <td>E[d="c"]</td> <td>Elementet E med attributten d med værdien c</td> <td>&lt;E d="c"&gt; og &lt;/E&gt; </td></tr> <tr> <td>E#myid</td> <td>Elementet E med den unikke ID "myid"</td> <td>&lt;E id="myid"&gt;&lt;/E&gt; </td></tr></tbody></table> <p><i>Note: Man kan godt blande tingene (eksempel: P.stor&gt;SPAN+A[href="http://www.wikipedia.org"]:hover)</i> </p> <div class="mw-heading mw-heading2"><h2 id="Egenskaber">Egenskaber</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&amp;veaction=edit&amp;section=4" title="Redigér afsnit: Egenskaber" class="mw-editsection-visualeditor"><span>redigér</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=CSS&amp;action=edit&amp;section=4" title="Edit section&#039;s source code: Egenskaber"><span>rediger kildetekst</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Egenskaber (eng. <i>properties</i>) bestemmer hvad der skal ske med alle de elementer selectoren har valgt. Eksempel: </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">p</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="kc">white</span><span class="p">;</span> <span class="p">}</span> </pre></div> <p>Her udvælger selectoren HTML-elementet <code>p</code>, og egenskaben siger at baggrunden skal være hvid. Her kan du se en liste over egenskaber og hvad værdierne kan være: <a rel="nofollow" class="external free" href="http://www.w3.org/TR/REC-CSS2/propidx.html">http://www.w3.org/TR/REC-CSS2/propidx.html</a> </p> <div class="mw-heading mw-heading2"><h2 id="Eksterne_henvisninger">Eksterne henvisninger</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&amp;veaction=edit&amp;section=5" title="Redigér afsnit: Eksterne henvisninger" class="mw-editsection-visualeditor"><span>redigér</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=CSS&amp;action=edit&amp;section=5" title="Edit section&#039;s source code: Eksterne henvisninger"><span>rediger kildetekst</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a rel="nofollow" class="external text" href="http://www.w3.org/Style/CSS/">Cascading Style Sheets</a> hos <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a></li> <li><a rel="nofollow" class="external text" href="http://csszengarden.com/">CSS Zen Garden</a></li> <li><a rel="nofollow" class="external text" href="http://www.w3schools.com/css/default.asp">Lær CSS</a> hos World Wide Web Consortium's undervisningsside (på engelsk)</li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r11759279">.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:r11752089">.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}</style></div><div role="navigation" class="navbox" aria-labelledby="Autoritetsdata" style="padding:3px"><table class="nowraplinks hlist navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th id="Autoritetsdata" scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Autoritetsdata" title="Autoritetsdata">Autoritetsdata</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="/wiki/Library_of_Congress_Control_Number" title="Library of Congress Control Number">LCCN</a>: <span class="uid"><a rel="nofollow" class="external text" href="http://id.loc.gov/authorities/subjects/sh2001004461">sh2001004461</a></span></li> <li><a href="/wiki/Gemeinsame_Normdatei" title="Gemeinsame Normdatei">GND</a>: <span class="uid"><a rel="nofollow" class="external text" href="http://d-nb.info/gnd/4467617-7">4467617-7</a></span></li> <li><a href="/wiki/Biblioth%C3%A8que_nationale_de_France" title="Bibliothèque nationale de France">BNF</a>: <span class="uid"><a rel="nofollow" class="external text" href="http://catalogue.bnf.fr/ark:/12148/cb13739222f">cb13739222f</a> <a rel="nofollow" class="external text" href="http://data.bnf.fr/ark:/12148/cb13739222f">(data)</a></span></li> <li><a href="/wiki/Tjekkisk_nationalbibliotek" title="Tjekkisk nationalbibliotek">NKC</a>: <span class="uid"><a rel="nofollow" class="external text" href="http://aleph.nkp.cz/F/?func=find-c&amp;local_base=aut&amp;ccl_term=ica=ph164348&amp;CON_LNG=ENG">ph164348</a></span></li> <li><a href="/wiki/Spaniens_nationalbibliotek" title="Spaniens nationalbibliotek">BNE</a>: <span class="uid"><a rel="nofollow" class="external text" href="http://catalogo.bne.es/uhtbin/authoritybrowse.cgi?action=display&amp;authority_id=XX550325">XX550325</a></span></li></ul> </div></td></tr></tbody></table></div> <!-- NewPP limit report Parsed by mw‐web.eqiad.main‐565d46677b‐kbv4m Cached time: 20241128125230 Cache expiry: 2592000 Reduced expiry: false Complications: [show‐toc] CPU time usage: 0.154 seconds Real time usage: 1.517 seconds Preprocessor visited node count: 303/1000000 Post‐expand include size: 5843/2097152 bytes Template argument size: 733/2097152 bytes Highest expansion depth: 9/100 Expensive parser function count: 10/500 Unstrip recursion depth: 0/20 Unstrip post‐expand size: 14406/5000000 bytes Lua time usage: 0.080/10.000 seconds Lua memory usage: 1473218/52428800 bytes Number of Wikibase entities loaded: 1/400 --> <!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 1478.510 1 -total 7.14% 105.523 1 Skabelon:Autoritetsdata 1.24% 18.336 1 Skabelon:Harflertydig 1.11% 16.457 3 Skabelon:PAGENAMEBASE 0.41% 6.022 1 Skabelon:Forklar 0.28% 4.189 1 Skabelon:Infoboks_filformat 0.18% 2.612 1 Skabelon:Fix --> <!-- Saved in parser cache with key dawiki:pcache:79563:|#|:idhash:canonical and timestamp 20241128125230 and revision id 11576086. Rendering was triggered because: page-view --> </div><!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&amp;type=1x1&amp;usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Hentet fra "<a dir="ltr" href="https://da.wikipedia.org/w/index.php?title=CSS&amp;oldid=11576086">https://da.wikipedia.org/w/index.php?title=CSS&amp;oldid=11576086</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Speciel:Kategorier" title="Speciel:Kategorier">Kategorier</a>: <ul><li><a href="/wiki/Kategori:World_Wide_Web_Consortium" title="Kategori:World Wide Web Consortium">World Wide Web Consortium</a></li><li><a href="/wiki/Kategori:Markup_language" title="Kategori:Markup language">Markup language</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Skjulte kategorier: <ul><li><a href="/wiki/Kategori:Artikler_hvor_enkelte_passager_beh%C3%B8ver_uddybning_(samlet_liste)" title="Kategori:Artikler hvor enkelte passager behøver uddybning (samlet liste)">Artikler hvor enkelte passager behøver uddybning (samlet liste)</a></li><li><a href="/wiki/Kategori:Artikler_hvor_enkelte_passager_beh%C3%B8ver_uddybning_siden_2018" title="Kategori:Artikler hvor enkelte passager behøver uddybning siden 2018">Artikler hvor enkelte passager behøver uddybning siden 2018</a></li><li><a href="/wiki/Kategori:Wikipedia_artikler_med_LCCN_autoritetsdata-ID" title="Kategori:Wikipedia artikler med LCCN autoritetsdata-ID">Wikipedia artikler med LCCN autoritetsdata-ID</a></li><li><a href="/wiki/Kategori:Wikipedia_artikler_med_GND_autoritetsdata-ID" title="Kategori:Wikipedia artikler med GND autoritetsdata-ID">Wikipedia artikler med GND autoritetsdata-ID</a></li><li><a href="/wiki/Kategori:Wikipedia_artikler_med_BNF_autoritetsdata-ID" title="Kategori:Wikipedia artikler med BNF autoritetsdata-ID">Wikipedia artikler med BNF autoritetsdata-ID</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"> Denne side blev senest ændret den 12. oktober 2023 kl. 15:16.</li> <li id="footer-info-copyright">Tekst er tilgængelig under <a rel="nofollow" class="external text" href="//creativecommons.org/licenses/by-sa/4.0/deed.da">Creative Commons Navngivelse/Del på samme vilkår 4.0</a>; yderligere betingelser kan være gældende. Se <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use/da">brugsbetingelserne</a> for flere oplysninger.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privatlivspolitik</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:Om">Om Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Generelle_forbehold">Forbehold</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Udviklere</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/da.wikipedia.org">Statistik</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie-erklæring</a></li> <li id="footer-places-mobileview"><a href="//da.m.wikipedia.org/w/index.php?title=CSS&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobilvisning</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-5ccf8d5c58-g6r9k","wgBackendResponseTime":157,"wgPageParseReport":{"limitreport":{"cputime":"0.154","walltime":"1.517","ppvisitednodes":{"value":303,"limit":1000000},"postexpandincludesize":{"value":5843,"limit":2097152},"templateargumentsize":{"value":733,"limit":2097152},"expansiondepth":{"value":9,"limit":100},"expensivefunctioncount":{"value":10,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":14406,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 1478.510 1 -total"," 7.14% 105.523 1 Skabelon:Autoritetsdata"," 1.24% 18.336 1 Skabelon:Harflertydig"," 1.11% 16.457 3 Skabelon:PAGENAMEBASE"," 0.41% 6.022 1 Skabelon:Forklar"," 0.28% 4.189 1 Skabelon:Infoboks_filformat"," 0.18% 2.612 1 Skabelon:Fix"]},"scribunto":{"limitreport-timeusage":{"value":"0.080","limit":"10.000"},"limitreport-memusage":{"value":1473218,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-565d46677b-kbv4m","timestamp":"20241128125230","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"CSS","url":"https:\/\/da.wikipedia.org\/wiki\/CSS","sameAs":"http:\/\/www.wikidata.org\/entity\/Q46441","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q46441","author":{"@type":"Organization","name":"Bidragsydere til Wikimedia-projekter"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2005-10-20T20:09:16Z","dateModified":"2023-10-12T14:16:33Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d5\/CSS3_logo_and_wordmark.svg"}</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10