CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-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-sticky-header-enabled vector-toc-available" lang="hu" dir="ltr"> <head> <meta charset="UTF-8"> <title>CSS – Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-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-sticky-header-enabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )huwikimwclientpreferences=([^;]+)/);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":"ymd","wgMonthNames":["","január","február","március","április","május","június","július","augusztus","szeptember","október","november","december"],"wgRequestId":"3f24e196-40f7-41a8-ae2c-d2b772e8be54","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"CSS","wgTitle":"CSS","wgCurRevisionId":27544274,"wgRevisionId":27544274,"wgArticleId":19514,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Elavult tartalmú lapok","Wikipédia-szócikkek LCCN-azonosítóval","Wikipédia-szócikkek GND-azonosítóval","Wikipédia-szócikkek BNF-azonosítóval","Jelölőnyelvek","Webfejlesztés","Fájlformátumok","World Wide Web Consortium sztenderdek"],"wgPageViewLanguage":"hu","wgPageContentLanguage":"hu","wgPageContentModel":"wikitext","wgRelevantPageName":"CSS","wgRelevantArticleId":19514,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgFlaggedRevsParams":{"tags":{"accuracy":{"levels":2}}},"wgStableRevisionId":27544274,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"hu","pageLanguageDir":"ltr","pageVariantFallbacks":"hu"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":20000,"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,"wgGELevelingUpEnabledForUser":false,"wgSiteNoticeId":"2.201"}; RLSTATE={"ext.gadget.infobox":"ready","ext.gadget.wikiMenuStyles":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","ext.cite.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.flaggedRevs.basic":"ready","mediawiki.codex.messagebox.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.dismissableSiteNotice.styles":"ready"};RLPAGEMODULES=["ext.pygments.view","ext.cite.ux-enhancements","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.flaggedRevs.advanced","ext.gadget.wdsearch","ext.gadget.irclogin","ext.gadget.ImageAnnotator.loader","ext.gadget.collapsible","ext.gadget.kepdia","ext.gadget.kinai","ext.gadget.poziciosTerkep","ext.gadget.wikiMenu","ext.gadget.wiwosm","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession","oojs-ui.styles.icons-media","oojs-ui-core.icons","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=hu&modules=ext.cite.styles%7Cext.dismissableSiteNotice.styles%7Cext.flaggedRevs.basic%7Cext.pygments%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cmediawiki.codex.messagebox.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=hu&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=hu&modules=ext.gadget.infobox%2CwikiMenuStyles&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=hu&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.23"> <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/a/ab/Official_CSS_Logo.svg/1200px-Official_CSS_Logo.svg.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1200"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/800px-Official_CSS_Logo.svg.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="800"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/640px-Official_CSS_Logo.svg.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="640"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="CSS – Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//hu.m.wikipedia.org/wiki/CSS"> <link rel="alternate" type="application/x-wiki" title="Szerkesztés" href="/w/index.php?title=CSS&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="Wikipédia (hu)"> <link rel="EditURI" type="application/rsd+xml" href="//hu.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://hu.wikipedia.org/wiki/CSS"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.hu"> <link rel="alternate" type="application/atom+xml" title="Wikipédia Atom-hírcsatorna" href="/w/index.php?title=Speci%C3%A1lis:Friss_v%C3%A1ltoztat%C3%A1sok&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="auth.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">Ugrás a tartalomhoz</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="Wiki"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" title="Főmenü" > <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="Főmenü" > <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">Főmenü</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">Főmenü</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">áthelyezés az oldalsávba</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">elrejtés</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigáció </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Kezd%C5%91lap" title="A kezdőlap megtekintése [z]" accesskey="z"><span>Kezdőlap</span></a></li><li id="n-sidebar-contents" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Tartalom"><span>Tartalom</span></a></li><li id="n-sidebar-featured" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Kiemelt_sz%C3%B3cikkek_list%C3%A1ja"><span>Kiemelt szócikkek</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Speci%C3%A1lis:Friss_v%C3%A1ltoztat%C3%A1sok" title="A wikiben történt legutóbbi változtatások listája [r]" accesskey="r"><span>Friss változtatások</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Speci%C3%A1lis:Lap_tal%C3%A1lomra" title="Egy véletlenszerűen kiválasztott lap betöltése [x]" accesskey="x"><span>Lap találomra</span></a></li><li id="n-sidebar-enquiries" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Tudakoz%C3%B3"><span>Tudakozó</span></a></li><li id="n-specialpages" class="mw-list-item"><a href="/wiki/Speci%C3%A1lis:Speci%C3%A1lis_lapok"><span>Speciális lapok</span></a></li> </ul> </div> </div> <div id="p-sidebar-participate" class="vector-menu mw-portlet mw-portlet-sidebar-participate" > <div class="vector-menu-heading"> Részvétel </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-sidebar-basics" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:%C3%9Aj_szerkeszt%C5%91knek"><span>Kezdőknek</span></a></li><li id="n-sidebar-help" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Seg%C3%ADts%C3%A9g"><span>Segítség</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Port%C3%A1l:K%C3%B6z%C3%B6ss%C3%A9g" title="A projektről, miben segíthetsz, mit hol találsz meg"><span>Közösségi portál</span></a></li><li id="n-sidebar-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Kapcsolatfelv%C3%A9tel"><span>Kapcsolatfelvétel</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Kezd%C5%91lap" 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="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="" src="/static/images/mobile/copyright/wikipedia-tagline-hu.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/Speci%C3%A1lis:Keres%C3%A9s" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Keresés a Wikipédián [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Keresés</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="Keresés a Wikipédián" aria-label="Keresés a Wikipédián" autocapitalize="sentences" title="Keresés a Wikipédián [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Speciális:Keresés"> </div> <button class="cdx-button cdx-search-input__end-button">Keresés</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Személyes eszközök"> <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="Megjelenés"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Megjelenés" > <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">Megjelenés</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&wmf_medium=sidebar&wmf_campaign=hu.wikipedia.org&uselang=hu" class=""><span>Adományok</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=Speci%C3%A1lis:Szerkeszt%C5%91i_fi%C3%B3k_l%C3%A9trehoz%C3%A1sa&returnto=CSS" title="Arra bíztatunk, hogy hozz létre egy fiókot, és jelentkezz be, azonban ez nem kötelező" class=""><span>Fiók létrehozása</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=Speci%C3%A1lis:Bel%C3%A9p%C3%A9s&returnto=CSS" title="Bejelentkezni javasolt, de nem kötelező [o]" accesskey="o" class=""><span>Bejelentkezés</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" title="További lehetőségek" > <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="Személyes eszközök" > <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">Személyes eszközök</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Felhasználói menü" > <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&wmf_medium=sidebar&wmf_campaign=hu.wikipedia.org&uselang=hu"><span>Adományok</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speci%C3%A1lis:Szerkeszt%C5%91i_fi%C3%B3k_l%C3%A9trehoz%C3%A1sa&returnto=CSS" title="Arra bíztatunk, hogy hozz létre egy fiókot, és jelentkezz be, azonban ez nem kötelező"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Fiók létrehozása</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Speci%C3%A1lis:Bel%C3%A9p%C3%A9s&returnto=CSS" title="Bejelentkezni javasolt, de nem kötelező [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Bejelentkezés</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Lapok kijelentkezett szerkesztőknek <a href="/wiki/Seg%C3%ADts%C3%A9g:Bevezet%C3%A9s" aria-label="Tudj meg többet a szerkesztésről"><span>további információk</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Speci%C3%A1lis:K%C3%B6zrem%C5%B1k%C3%B6d%C3%A9seim" title="Erről az IP-címről végrehajtott szerkesztések listája [y]" accesskey="y"><span>Közreműködések</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Speci%C3%A1lis:Vit%C3%A1m" title="Az általad használt IP-címről végrehajtott szerkesztések megvitatása [n]" accesskey="n"><span>Vitalap</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\"\u003Eelrejt\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=\"hu\" dir=\"ltr\"\u003E\u003Cdiv class=\"plainlinks\" style=\"border: 1px solid #ddd; margin: 0 0 3px;\"\u003E\n\u003Cdiv class=\"nomobile\" style=\"float:right\"\u003E\u003Cspan typeof=\"mw:File\"\u003E\u003Ca href=\"/wiki/Wikip%C3%A9dia:CEE_Tavasz_2025\" title=\"Wikipédia:CEE Tavasz 2025\"\u003E\u003Cimg src=\"//upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Logo_banner-600-t.png/250px-Logo_banner-600-t.png\" decoding=\"async\" width=\"250\" height=\"67\" class=\"mw-file-element\" srcset=\"//upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Logo_banner-600-t.png/500px-Logo_banner-600-t.png 1.5x\" data-file-width=\"600\" data-file-height=\"160\" /\u003E\u003C/a\u003E\u003C/span\u003E\u003C/div\u003E\n\u003Cdiv style=\"color: grey; max-width:1280px; margin: 12px auto; font-family: Tahoma, \u0026#39;DejaVu Sans Condensed\u0026#39;, sans-serif; text-align: center; font-size: 15pt; position: relative;\"\u003EElindult az idei \u003Cb\u003E\u003Ca href=\"/wiki/Wikip%C3%A9dia:CEE_Tavasz_2025\" title=\"Wikipédia:CEE Tavasz 2025\"\u003ECEE Tavasz szócikkíró verseny\u003C/a\u003E\u003C/b\u003E.\n\u003Cdiv style=\"font-size: 9pt\"\u003EMájus 31-ig várjuk a témába vágó szócikkeket.\u003C/div\u003E\u003C/div\u003E\n\u003Cdiv style=\"clear: both;\"\u003E\u003C/div\u003E\n\u003C/div\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="Wiki"> <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="Tartalomjegyzék" 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">Tartalomjegyzék</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">áthelyezés az oldalsávba</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">elrejtés</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">Bevezető</div> </a> </li> <li id="toc-Áttekintés" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Áttekintés"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Áttekintés</span> </div> </a> <ul id="toc-Áttekintés-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-A_CSS_története" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#A_CSS_története"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>A CSS története</span> </div> </a> <ul id="toc-A_CSS_története-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Problémák_a_megvalósításban" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Problémák_a_megvalósításban"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Problémák a megvalósításban</span> </div> </a> <ul id="toc-Problémák_a_megvalósításban-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-A_CSS_használata" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#A_CSS_használata"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>A CSS használata</span> </div> </a> <button aria-controls="toc-A_CSS_használata-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>A(z) A CSS használata alszakasz kinyitása/becsukása</span> </button> <ul id="toc-A_CSS_használata-sublist" class="vector-toc-list"> <li id="toc-Példa_XHTML_dokumentumra_beágyazott_CSS_stílussal" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Példa_XHTML_dokumentumra_beágyazott_CSS_stílussal"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1</span> <span>Példa XHTML dokumentumra beágyazott CSS stílussal</span> </div> </a> <ul id="toc-Példa_XHTML_dokumentumra_beágyazott_CSS_stílussal-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Példa_a_felhasználói_stílusra" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Példa_a_felhasználói_stílusra"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2</span> <span>Példa a felhasználói stílusra</span> </div> </a> <ul id="toc-Példa_a_felhasználói_stílusra-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Jegyzetek" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Jegyzetek"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Jegyzetek</span> </div> </a> <ul id="toc-Jegyzetek-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-További_információk" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#További_információk"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>További információk</span> </div> </a> <button aria-controls="toc-További_információk-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>A(z) További információk alszakasz kinyitása/becsukása</span> </button> <ul id="toc-További_információk-sublist" class="vector-toc-list"> <li id="toc-Ajánlások" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Ajánlások"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1</span> <span>Ajánlások</span> </div> </a> <ul id="toc-Ajánlások-sublist" class="vector-toc-list"> </ul> </li> </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="Tartalomjegyzék" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" title="Tartalomjegyzék" > <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="Tartalomjegyzék kinyitása/becsukása" > <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">Tartalomjegyzék kinyitása/becsukása</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="Ugrás egy más nyelvű szócikkre. Elérhető 94 nyelven" > <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-94" 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">94 nyelv</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/CSS" title="CSS – angol" lang="en" hreflang="en" data-title="CSS" data-language-autonym="English" data-language-local-name="angol" class="interlanguage-link-target"><span>English</span></a></li><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 – aragonéz" lang="an" hreflang="an" data-title="CSS" data-language-autonym="Aragonés" data-language-local-name="aragonéz" 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="أوراق الأنماط المتتالية – arab" lang="ar" hreflang="ar" data-title="أوراق الأنماط المتتالية" data-language-autonym="العربية" data-language-local-name="arab" 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="চি এছ এছ – asszámi" lang="as" hreflang="as" data-title="চি এছ এছ" data-language-autonym="অসমীয়া" data-language-local-name="asszámi" 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 – azerbajdzsáni" lang="az" hreflang="az" data-title="CSS" data-language-autonym="Azərbaycanca" data-language-local-name="azerbajdzsáni" 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="Каскадныя табліцы стыляў – belarusz" lang="be" hreflang="be" data-title="Каскадныя табліцы стыляў" data-language-autonym="Беларуская" data-language-local-name="belarusz" 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 – bolgár" lang="bg" hreflang="bg" data-title="CSS" data-language-autonym="Български" data-language-local-name="bolgár" 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="ক্যাসকেডিং স্টাইল শীটস – bangla" lang="bn" hreflang="bn" data-title="ক্যাসকেডিং স্টাইল শীটস" data-language-autonym="বাংলা" data-language-local-name="bangla" 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 – breton" lang="br" hreflang="br" data-title="Cascading Style Sheets" data-language-autonym="Brezhoneg" data-language-local-name="breton" 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 – bosnyák" lang="bs" hreflang="bs" data-title="CSS" data-language-autonym="Bosanski" data-language-local-name="bosnyák" 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 – katalán" lang="ca" hreflang="ca" data-title="Cascading Style Sheets" data-language-autonym="Català" data-language-local-name="katalán" 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="سی ئێس ئێس – közép-ázsiai kurd" lang="ckb" hreflang="ckb" data-title="سی ئێس ئێس" data-language-autonym="کوردی" data-language-local-name="közép-ázsiai kurd" 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 – cseh" lang="cs" hreflang="cs" data-title="Kaskádové styly" data-language-autonym="Čeština" data-language-local-name="cseh" 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 – walesi" lang="cy" hreflang="cy" data-title="Cascading Style Sheets" data-language-autonym="Cymraeg" data-language-local-name="walesi" class="interlanguage-link-target"><span>Cymraeg</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/CSS" title="CSS – dán" lang="da" hreflang="da" data-title="CSS" data-language-autonym="Dansk" data-language-local-name="dán" class="interlanguage-link-target"><span>Dansk</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 – német" lang="de" hreflang="de" data-title="Cascading Style Sheets" data-language-autonym="Deutsch" data-language-local-name="német" 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 – Dimli" lang="diq" hreflang="diq" data-title="CSSê xasi" data-language-autonym="Zazaki" data-language-local-name="Dimli" 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 – alsó-szorb" lang="dsb" hreflang="dsb" data-title="CSS" data-language-autonym="Dolnoserbski" data-language-local-name="alsó-szorb" 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 – görög" lang="el" hreflang="el" data-title="CSS" data-language-autonym="Ελληνικά" data-language-local-name="görög" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/CSS" title="CSS – eszperantó" lang="eo" hreflang="eo" data-title="CSS" data-language-autonym="Esperanto" data-language-local-name="eszperantó" 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 – spanyol" lang="es" hreflang="es" data-title="CSS" data-language-autonym="Español" data-language-local-name="spanyol" 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 – észt" lang="et" hreflang="et" data-title="CSS" data-language-autonym="Eesti" data-language-local-name="észt" 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 – baszk" lang="eu" hreflang="eu" data-title="CSS" data-language-autonym="Euskara" data-language-local-name="baszk" 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="سی‌اس‌اس – perzsa" lang="fa" hreflang="fa" data-title="سی‌اس‌اس" data-language-autonym="فارسی" data-language-local-name="perzsa" 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 – finn" lang="fi" hreflang="fi" data-title="CSS" data-language-autonym="Suomi" data-language-local-name="finn" 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 – francia" lang="fr" hreflang="fr" data-title="Feuilles de style en cascade" data-language-autonym="Français" data-language-local-name="francia" 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 – északi fríz" lang="frr" hreflang="frr" data-title="CSS" data-language-autonym="Nordfriisk" data-language-local-name="északi fríz" 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 – ír" lang="ga" hreflang="ga" data-title="Stílbhileoga cascáideacha" data-language-autonym="Gaeilge" data-language-local-name="ír" 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 – skóciai kelta" lang="gd" hreflang="gd" data-title="CSS" data-language-autonym="Gàidhlig" data-language-local-name="skóciai kelta" 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 – gallego" lang="gl" hreflang="gl" data-title="CSS" data-language-autonym="Galego" data-language-local-name="gallego" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-haw mw-list-item"><a href="https://haw.wikipedia.org/wiki/CSS" title="CSS – hawaii" lang="haw" hreflang="haw" data-title="CSS" data-language-autonym="Hawaiʻi" data-language-local-name="hawaii" class="interlanguage-link-target"><span>Hawaiʻi</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="גיליונות סגנון מדורגים – héber" lang="he" hreflang="he" data-title="גיליונות סגנון מדורגים" data-language-autonym="עברית" data-language-local-name="héber" 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 – horvát" lang="hr" hreflang="hr" data-title="CSS" data-language-autonym="Hrvatski" data-language-local-name="horvát" 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 – felső-szorb" lang="hsb" hreflang="hsb" data-title="CSS" data-language-autonym="Hornjoserbsce" data-language-local-name="felső-szorb" class="interlanguage-link-target"><span>Hornjoserbsce</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="Կասկադային ոճաթերթ – örmény" lang="hy" hreflang="hy" data-title="Կասկադային ոճաթերթ" data-language-autonym="Հայերեն" data-language-local-name="örmény" 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 – interlingva" lang="ia" hreflang="ia" data-title="CSS" data-language-autonym="Interlingua" data-language-local-name="interlingva" 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 – indonéz" lang="id" hreflang="id" data-title="Cascading Style Sheets" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonéz" 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 – izlandi" lang="is" hreflang="is" data-title="CSS" data-language-autonym="Íslenska" data-language-local-name="izlandi" 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 – olasz" lang="it" hreflang="it" data-title="CSS" data-language-autonym="Italiano" data-language-local-name="olasz" 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 – japán" lang="ja" hreflang="ja" data-title="Cascading Style Sheets" data-language-autonym="日本語" data-language-local-name="japán" 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 – grúz" lang="ka" hreflang="ka" data-title="CSS" data-language-autonym="ქართული" data-language-local-name="grúz" 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 – kara-kalpak" lang="kaa" hreflang="kaa" data-title="CSS" data-language-autonym="Qaraqalpaqsha" data-language-local-name="kara-kalpak" 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 – kabije" lang="kab" hreflang="kab" data-title="Tiferkiyin n waɣanen ikussimen" data-language-autonym="Taqbaylit" data-language-local-name="kabije" 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 – kazah" lang="kk" hreflang="kk" data-title="CSS" data-language-autonym="Қазақша" data-language-local-name="kazah" 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 – koreai" lang="ko" hreflang="ko" data-title="CSS" data-language-autonym="한국어" data-language-local-name="koreai" 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 – kirgiz" lang="ky" hreflang="ky" data-title="CSS" data-language-autonym="Кыргызча" data-language-local-name="kirgiz" 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 – litván" lang="lt" hreflang="lt" data-title="CSS" data-language-autonym="Lietuvių" data-language-local-name="litván" 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 – lett" lang="lv" hreflang="lv" data-title="CSS" data-language-autonym="Latviešu" data-language-local-name="lett" 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 – macedón" lang="mk" hreflang="mk" data-title="CSS" data-language-autonym="Македонски" data-language-local-name="macedón" 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="കാസ്‌കേഡിങ്ങ് സ്റ്റൈൽ ഷീറ്റ്‌സ് – malajálam" lang="ml" hreflang="ml" data-title="കാസ്‌കേഡിങ്ങ് സ്റ്റൈൽ ഷീറ്റ്‌സ്" data-language-autonym="മലയാളം" data-language-local-name="malajálam" 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 – maláj" lang="ms" hreflang="ms" data-title="Lembaran Gaya Lata" data-language-autonym="Bahasa Melayu" data-language-local-name="maláj" 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="စီအက်စ်အက်စ် – burmai" lang="my" hreflang="my" data-title="စီအက်စ်အက်စ်" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="burmai" 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 – holland" lang="nl" hreflang="nl" data-title="Cascading Style Sheets" data-language-autonym="Nederlands" data-language-local-name="holland" 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 – norvég (nynorsk)" lang="nn" hreflang="nn" data-title="Stilark" data-language-autonym="Norsk nynorsk" data-language-local-name="norvég (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 – norvég (bokmål)" lang="nb" hreflang="nb" data-title="Cascading Style Sheets" data-language-autonym="Norsk bokmål" data-language-local-name="norvég (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="ਸੀ.ਐਸ.ਐਸ – pandzsábi" lang="pa" hreflang="pa" data-title="ਸੀ.ਐਸ.ਐਸ" data-language-autonym="ਪੰਜਾਬੀ" data-language-local-name="pandzsábi" 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 – lengyel" lang="pl" hreflang="pl" data-title="Kaskadowe arkusze stylów" data-language-autonym="Polski" data-language-local-name="lengyel" 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 – portugál" lang="pt" hreflang="pt" data-title="Cascading Style Sheets" data-language-autonym="Português" data-language-local-name="portugál" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-qu mw-list-item"><a href="https://qu.wikipedia.org/wiki/CSS" title="CSS – kecsua" lang="qu" hreflang="qu" data-title="CSS" data-language-autonym="Runa Simi" data-language-local-name="kecsua" class="interlanguage-link-target"><span>Runa Simi</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 – román" lang="ro" hreflang="ro" data-title="Cascading Style Sheets" data-language-autonym="Română" data-language-local-name="román" 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 – orosz" lang="ru" hreflang="ru" data-title="CSS" data-language-autonym="Русский" data-language-local-name="orosz" 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 – szerbhorvát" lang="sh" hreflang="sh" data-title="CSS" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="szerbhorvát" 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) – szingaléz" lang="si" hreflang="si" data-title="සංයුක්ත සැරසුම් පි‍ටු(CSS)" data-language-autonym="සිංහල" data-language-local-name="szingaléz" 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 – szlovák" lang="sk" hreflang="sk" data-title="Kaskádové štýly" data-language-autonym="Slovenčina" data-language-local-name="szlovák" 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 – szlovén" lang="sl" hreflang="sl" data-title="CSS" data-language-autonym="Slovenščina" data-language-local-name="szlovén" 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 – albán" lang="sq" hreflang="sq" data-title="Fletat e Stileve të Shkallëzuar" data-language-autonym="Shqip" data-language-local-name="albán" 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 – szerb" lang="sr" hreflang="sr" data-title="CSS" data-language-autonym="Српски / srpski" data-language-local-name="szerb" 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 – svéd" lang="sv" hreflang="sv" data-title="Cascading Style Sheets" data-language-autonym="Svenska" data-language-local-name="svéd" 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 – tadzsik" lang="tg" hreflang="tg" data-title="CSS" data-language-autonym="Тоҷикӣ" data-language-local-name="tadzsik" 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 – türkmén" lang="tk" hreflang="tk" data-title="CSS" data-language-autonym="Türkmençe" data-language-local-name="türkmén" 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 – török" lang="tr" hreflang="tr" data-title="CSS" data-language-autonym="Türkçe" data-language-local-name="török" 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 – ujgur" lang="ug" hreflang="ug" data-title="CSS" data-language-autonym="ئۇيغۇرچە / Uyghurche" data-language-local-name="ujgur" 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 – ukrán" lang="uk" hreflang="uk" data-title="CSS" data-language-autonym="Українська" data-language-local-name="ukrán" 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 – üzbég" lang="uz" hreflang="uz" data-title="CSS" data-language-autonym="Oʻzbekcha / ўзбекча" data-language-local-name="üzbég" 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 – velencei" lang="vec" hreflang="vec" data-title="CSS" data-language-autonym="Vèneto" data-language-local-name="velencei" 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 – vietnámi" lang="vi" hreflang="vi" data-title="CSS" data-language-autonym="Tiếng Việt" data-language-local-name="vietnámi" 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 kínai" lang="wuu" hreflang="wuu" data-title="层叠样式表" data-language-autonym="吴语" data-language-local-name="wu kínai" 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 – kínai" lang="zh" hreflang="zh" data-title="CSS" data-language-autonym="中文" data-language-local-name="kínai" 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 – kantoni" lang="yue" hreflang="yue" data-title="CSS" data-language-autonym="粵語" data-language-local-name="kantoni" 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="Nyelvközi hivatkozások szerkesztése" class="wbc-editpage">Hivatkozások szerkesztése</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="Névterek"> <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="A lap megtekintése [c]" accesskey="c"><span>Szócikk</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Vita:CSS" rel="discussion" title="Az oldal tartalmának megvitatása [t]" accesskey="t"><span>Vitalap</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="Nyelvvariáns váltása" > <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">magyar</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="Nézetek"> <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>Olvasás</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=CSS&action=edit" title="Az oldal forráskódjának szerkesztése [e]" accesskey="e"><span>Szerkesztés</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=CSS&action=history" title="A lap korábbi változatai [h]" accesskey="h"><span>Laptörténet</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Oldal eszközök"> <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="Eszközök" > <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">Eszközök</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">Eszközök</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">áthelyezés az oldalsávba</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">elrejtés</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="További lehetőségek" > <div class="vector-menu-heading"> Műveletek </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>Olvasás</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=CSS&action=edit" title="Az oldal forráskódjának szerkesztése [e]" accesskey="e"><span>Szerkesztés</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=CSS&action=history"><span>Laptörténet</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Általános </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Speci%C3%A1lis:Mi_hivatkozik_erre/CSS" title="Az erre a lapra hivatkozó más lapok listája [j]" accesskey="j"><span>Mi hivatkozik erre?</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Speci%C3%A1lis:Kapcsol%C3%B3d%C3%B3_v%C3%A1ltoztat%C3%A1sok/CSS" rel="nofollow" title="Az erről a lapról hivatkozott lapok utolsó változtatásai [k]" accesskey="k"><span>Kapcsolódó változtatások</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=CSS&oldid=27544274" title="Állandó hivatkozás ezen lap ezen változatához"><span>Hivatkozás erre a változatra</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=CSS&action=info" title="További információk erről a lapról"><span>Lapinformációk</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Speci%C3%A1lis:Hivatkoz%C3%A1s&page=CSS&id=27544274&wpFormIdentifier=titleform" title="Információk a lap idézésével kapcsolatban"><span>Hogyan hivatkozz erre a lapra?</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Speci%C3%A1lis:UrlShortener&url=https%3A%2F%2Fhu.wikipedia.org%2Fwiki%2FCSS"><span>Rövidített URL készítése</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Speci%C3%A1lis:QrCode&url=https%3A%2F%2Fhu.wikipedia.org%2Fwiki%2FCSS"><span>QR-kód letöltése</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"> Nyomtatás/exportálás </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=Speci%C3%A1lis:K%C3%B6nyv&bookcmd=book_creator&referer=CSS"><span>Könyv készítése</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Speci%C3%A1lis:DownloadAsPdf&page=CSS&action=show-download-screen"><span>Letöltés PDF-ként</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=CSS&printable=yes" title="A lap nyomtatható változata [p]" accesskey="p"><span>Nyomtatható változat</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"> Társprojektek </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>Wikimédia 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="Kapcsolt adattárelem [g]" accesskey="g"><span>Wikidata-adatlap</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="Oldal eszközök"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Megjelenés"> <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">Megjelenés</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">áthelyezés az oldalsávba</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">elrejtés</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 id="mw-indicator-indicator-fr-review-status" class="mw-indicator"><indicator name="fr-review-status" class="mw-fr-review-status-indicator" id="mw-fr-revision-toggle"><span class="cdx-fr-css-icon-review--status--stable"></span><b>Ellenőrzött</b></indicator></div> </div> <div id="siteSub" class="noprint">A Wikipédiából, a szabad enciklopédiából</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><div id="mw-fr-revision-messages"><div id="mw-fr-revision-details" class="mw-fr-revision-details-dialog" style="display:none;"><div tabindex="0"></div><div class="cdx-dialog cdx-dialog--horizontal-actions"><header class="cdx-dialog__header cdx-dialog__header--default"><div class="cdx-dialog__header__title-group"><h2 class="cdx-dialog__header__title">Változat állapota</h2><p class="cdx-dialog__header__subtitle">Ez a lap egy ellenőrzött változata</p></div><button class="cdx-button cdx-button--action-default cdx-button--weight-quiet
							cdx-button--size-medium cdx-button--icon-only cdx-dialog__header__close-button" aria-label="Close" onclick="document.getElementById("mw-fr-revision-details").style.display = "none";" type="submit"><span class="cdx-icon cdx-icon--medium
							cdx-fr-css-icon--close"></span></button></header><div class="cdx-dialog__body">Ez a <a href="/wiki/Wikip%C3%A9dia:Jel%C3%B6lt_lapv%C3%A1ltozatok" title="Wikipédia:Jelölt lapváltozatok">közzétett változat</a>, <a class="external text" href="https://hu.wikipedia.org/w/index.php?title=Speci%C3%A1lis:Rendszernapl%C3%B3k&type=review&page=CSS">ellenőrizve</a>: <i>2024. október 25.</i><p><table id="mw-fr-revisionratings-box" class="flaggedrevs-color-1" style="margin: auto;" cellpadding="0"><tr><td class="fr-text" style="vertical-align: middle;">Pontosság</td><td class="fr-value40" style="vertical-align: middle;">ellenőrzött</td></tr></table></p></div></div><div tabindex="0"></div></div></div></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="hu" dir="ltr"><table class="dablink noprint noviewer" style="padding-left: 2em; vertical-align: middle;" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding-right:.25em;"><span typeof="mw:File"><a href="/wiki/F%C3%A1jl:Disambig.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/7/72/Disambig.svg/19px-Disambig.svg.png" decoding="async" width="19" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/72/Disambig.svg/29px-Disambig.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/72/Disambig.svg/38px-Disambig.svg.png 2x" data-file-width="230" data-file-height="183" /></a></span></td><td><i>Ez a szócikk a HTML stíluslapnyelvéről szól. Hasonló címmel lásd még: <a href="/wiki/Catalina_Sky_Survey" title="Catalina Sky Survey">Catalina Sky Survey</a>.</i></td></tr></tbody></table> <table class="infobox ujinfobox"> <tbody><tr><td colspan="2" class="fejlec videojatekinfobox" style="color:black;background-color:#FFCC66;">Cascading Style Sheets</td></tr><tr><td colspan="2" style="text-align:center"><span typeof="mw:File"><a href="/wiki/F%C3%A1jl:Official_CSS_Logo.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/250px-Official_CSS_Logo.svg.png" decoding="async" width="250" height="250" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/375px-Official_CSS_Logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/500px-Official_CSS_Logo.svg.png 2x" data-file-width="1000" data-file-height="1000" /></a></span></td></tr><tr valign="top"><td class="cimke" style="padding:0px 3px 0px 0px;"><b><a href="/wiki/F%C3%A1jlkiterjeszt%C3%A9s" title="Fájlkiterjesztés">Fájlkiterjesztés</a></b></td><td>.css</td></tr><tr valign="top"><td class="cimke" style="padding:0px 3px 0px 0px;"><b><a href="/wiki/MIME" title="MIME">MIME-típus</a></b></td><td>text/css</td></tr><tr valign="top"><td class="cimke" style="padding:0px 3px 0px 0px;"><b><a href="/wiki/Szoftverfejleszt%C5%91" title="Szoftverfejlesztő">Fejlesztő</a></b></td><td><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a></td></tr><tr valign="top"><td class="cimke" style="padding:0px 3px 0px 0px;"><b>Kiadás dátuma</b></td><td>1999. december 17.</td></tr><tr valign="top"><td class="cimke" style="padding:0px 3px 0px 0px;"><b>Formátum típusa</b></td><td><a href="/w/index.php?title=Style_sheet_language&action=edit&redlink=1" class="new" title="Style sheet language (a lap nem létezik)">Style sheet language</a></td></tr><tr valign="top"><td class="cimke" style="padding:0px 3px 0px 0px;"><b>Standard</b></td><td><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2008/REC-CSS1-20080411/">Level 1 (ajánlás)</a><br /><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2008/REC-CSS2-20080411/">Level 2 (ajánlás)</a><br /><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS2/">Level 2 Revision 1 (ajánlás)</a></td></tr><tr><td class="cimke" style="padding:0px 3px 0px 0px;vertical-align:top"><b>Weboldal</b></td><td style="padding:0px;"><a rel="nofollow" class="external free" href="https://www.w3.org/Style/CSS/">https://www.w3.org/Style/CSS/</a></td></tr></tbody></table> <p>A <b>CSS</b> (<i>Cascading Style Sheets</i>, magyarul: „lépcsőzetes stíluslapok”) a számítástechnikában egy <a href="/w/index.php?title=St%C3%ADlusle%C3%ADr%C3%B3_nyelv&action=edit&redlink=1" class="new" title="Stílusleíró nyelv (a lap nem létezik)">stílusleíró nyelv</a>, mely a <a href="/wiki/HTML" title="HTML">HTML</a> vagy <a href="/wiki/XHTML" title="XHTML">XHTML</a> típusú strukturált dokumentumok megjelenését írja le. Ezenkívül használható bármilyen <a href="/wiki/XML" title="XML">XML</a> alapú dokumentum stílusának leírására is, mint például az <a href="/wiki/SVG" class="mw-redirect" title="SVG">SVG</a>, <a href="/wiki/XUL" title="XUL">XUL</a> stb. </p><p>A CSS specifikációját a <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> felügyeli. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Áttekintés"><span id=".C3.81ttekint.C3.A9s"></span>Áttekintés</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=1" title="Szakasz szerkesztése: Áttekintés"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>A CSS-t a <a href="/wiki/Weblap" title="Weblap">weblapok</a> szerkesztői és olvasói egyaránt használhatják, hogy átállítsák vele a lapok színét, betűtípusait, elrendezését, és más megjelenéshez kapcsolódó elemeit. A tervezése során a legfontosabb szempont az volt, hogy elkülönítsék a dokumentumok struktúráját (melyet HTML vagy egy hasonló leíró nyelvben lehet megadni) a dokumentum megjelenésétől (melyet CSS-sel lehet megadni). Az ilyen elkülönítésnek több haszna is van, egyrészt növeli a weblapok <a href="/wiki/Weblap-haszn%C3%A1lhat%C3%B3s%C3%A1g" title="Weblap-használhatóság">használhatóságát</a>, rugalmasságát és a megjelenés kezelhetőségét, másrészt csökkenti a dokumentum tartalmi struktúrájának komplexitását. A CSS ugyancsak alkalmas arra, hogy a dokumentum stílusát a megjelenítési módszer függvényében adja meg, így elkülöníthető a dokumentum formája a képernyőn, nyomtatási lapon, hangos böngészőben (mely <a href="/w/index.php?title=Besz%C3%A9dszintetiz%C3%A1tor&action=edit&redlink=1" class="new" title="Beszédszintetizátor (a lap nem létezik)">beszédszintetizátor</a> segítségével olvassa fel a weblapok szövegét), vagy <a href="/wiki/Braille-%C3%ADr%C3%A1s" title="Braille-írás">Braille</a>-készüléken megjelenítve. </p><p>A CSS használható XML fájlok megjelenítésére is, így a strukturált dokumentumokhoz teljes körű stílust lehet megadni, befolyásolva az elrendezését, színét, betűtípusait az erre alkalmas kliensekben vagy <a href="/wiki/Webb%C3%B6ng%C3%A9sz%C5%91" title="Webböngésző">webböngészőkben</a>. </p><p>Az elemek stílusát különböző CSS szelektorokkal lehet kiválasztani: </p> <ul><li><i>Minden elemre</i> – a <code>*</code> szelektor használatával</li> <li><i>Az elem neve alapján</i> – például minden '<code>p</code>' vagy '<code>h2</code>' <a href="/wiki/HTML-elem" title="HTML-elem">HTML-elemhez</a></li> <li><i>Leszármazottak alapján</i> – például az olyan '<code>a</code>' elemekre, melyek egy '<code>li</code>' elem részei, a szelektor <code>"li a"</code></li> <li>class<i> vagy </i>id<i> attribútumok alapján</i> – például .<i>class</i> és/vagy #<i>id</i> a <code>class=<i>"osztály"</i></code> vagy <code>id=<i>"azonosító"</i></code> elemekhez</li></ul> <p>Ezeken kívül rendelkezésre áll több <i>pszeudo-osztály,</i> melyekkel további műveletekhez lehet stílust rendelni. Talán a legismertebb ezek közül a mindenek <code>:hover</code>, melynek stílusa akkor lép érvénybe, mikor a hozzá tartozó elem aktiválódik, például fölévisszük az egeret. Hozzá lehet fűzni a szelektorokhoz is, például <code>a:hover</code> vagy <code>#elementid:hover</code>. További ismertebb pszeudoosztályok a <code>:first-line</code>, a <code>:visited</code> vagy a <code>:before</code>. </p><p>A szelektorok kombinálhatók a széles körű alkalmazáshoz. </p><p>A CSS információkat a lapokhoz több módon lehet megadni: </p> <ul><li>Szerzői stílus <ul><li>külső CSS fájl a dokumentumból hivatkozva</li> <li>beágyazva a dokumentumba</li> <li>azonnali, felülírva az általános stílust egy konkrét esetre</li></ul></li> <li>Felhasználói stílus <ul><li>egy helyi CSS fájl az összes dokumentumra, melyet a felhasználó a böngésző beállításaiban adhat meg; a felhasználó megadhatja, hogy a szerző és a saját stílusai közül melyik legyen fontosabb</li></ul></li> <li>Kliens stílus <ul><li>egy alapértelmezett stílus, melyet a kliens vagy a böngésző használ az elemekhez</li></ul></li></ul> <p>A CSS a szabályokat a kapcsolódások alapján súlyozza, így mikor egyszerre több szabály is érvényes lehet egy elemre, akkor a legfontosabb szabályt alkalmazza. </p><p>A CSS használatának legfontosabb előnyei: </p> <ul><li>Több lap vagy akár egy teljes webhely stílusait egy helyen lehet tárolni, így gyorsan és könnyen frissíthető</li> <li>Különböző felhasználókhoz különböző stílusokat lehet rendelni: például könnyen olvasható, nyomtatható stílusok</li> <li>A dokumentum mérete és komplexitása csökken, mivel nem tartalmaz információkat a megjelenítéshez</li></ul> <p>A CSS egyszerű <a href="/wiki/Szintaxis_(programoz%C3%A1si_nyelvek)" title="Szintaxis (programozási nyelvek)">szintaxissal</a> rendelkezik, csak néhány angol nyelvű kulcsszót használ a stílusok tulajdonságaihoz. A stíluslap maga a stílust leíró <b>szabályok</b> sora. Minden szabályhoz tartozik egy <b>szelektor</b> és egy <b>deklarációs szakasz</b>. Ez utóbbi kapcsos zárójelek között pontosvesszővel elválasztott <b>deklarációkat</b> tartalmaz. A deklarációk formája a következő: a <b>tulajdonság</b> neve, egy kettőspont, majd az adott tulajdonság <b>értéke</b>. </p><p>Például: </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">font-family</span><span class="p">:</span><span class="w"> </span><span class="s2">"Garamond"</span><span class="p">,</span><span class="w"> </span><span class="kc">serif</span><span class="p">;</span> <span class="p">}</span> <span class="nt">h2</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">110</span><span class="kt">%</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="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">white</span><span class="p">;</span> <span class="p">}</span> <span class="p">.</span><span class="nc">megjegyzes</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="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">yellow</span><span class="p">;</span> <span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span> <span class="p">}</span> <span class="nt">p</span><span class="p">#</span><span class="nn">bevezetes</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">px</span><span class="w"> </span><span class="kc">dashed</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span> <span class="p">}</span> <span class="nt">a</span><span class="p">:</span><span class="nd">hover</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">yellow</span><span class="p">;</span> <span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">navy</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> </pre></div> <p>Ez összesen öt szabály, a <code>p</code>, <code>h2</code>, <code>.megjegyzes</code>, <code>p#bevezetes</code> és <code>a:hover</code> szelektorokra. A deklarációra egy példa a <code>color: red</code>, ahol a <code>color</code> <i>(szín)</i> tulajdonság értéke <code>red</code> <i>(vörös).</i> </p><p>Az első két szabályban a <code>p</code> <i>(bekezdés)</i> és <code>h2</code> <i>(második szintű címsor)</i> HTML elemekhez rendeltünk stilisztikai tulajdonságokat. A bekezdések <a href="/wiki/Garamond" title="Garamond">Garamond</a> betűtípussal lesznek megjelenítve, vagy ha nincs ilyen, akkor valamilyen más talpas (serif) betűtípussal. A második szintű címsorok vörös színnel és fehér háttérrel jelennek meg. </p><p>A harmadik szabály egy CSS osztályt definiál, melyet bármilyen elemhez hozzá lehet rendelni a dokumentumban a <code>class</code> attribútummal, például: </p> <dl><dd><code><p class="megjegyzes">Ez a bekezdés félkövér, vörös színű lesz, sárga háttérrel.</p></code></dd></dl> <p>A negyedik szabály egy olyan <code>p</code> elemre vonatkozik, melynek <code>id</code> attribútuma <code>bevezetes</code>: ez az elem egy 3 pixel széles fekete szaggatott keretet fog kapni. </p><p>Az utolsó szabály a <i>hover</i> állapothoz tartozó megjelenést szabályozza az <code>a</code> elemhez (többek között a hiperlinkek is ilyen elemek). A szabály meghatározza, hogyan nézzen ki az elem, amikor az egérmutató fölötte áll. A példában az elem háttérszíne ilyenkor sötétkék, a szövege színe sárga lesz. </p><p>A CSS stíluslapok megjegyzéseket is tartalmazhatnak, a következő formában: </p><p><code>/* <var>megjegyzés:Ez nekem segített!</var> */ </code> </p> <div class="mw-heading mw-heading2"><h2 id="A_CSS_története"><span id="A_CSS_t.C3.B6rt.C3.A9nete"></span>A CSS története</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=2" title="Szakasz szerkesztése: A CSS története"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>A stíluslapok már a HTML kezdete, <a href="/wiki/1990" title="1990">1990</a> óta jelen vannak valamilyen formában. A böngészők a stílus módosítására létrehozták saját leíró nyelvüket, melyet a webes dokumentumok megjelenésének módosítására lehetett használni. Eredetileg a stíluslapokat a felhasználók használták, mivel a HTML korai verziói még csak kevés prezentációs attribútumot tartalmaztak, így gyakran bízták a felhasználóra, hogy a webes dokumentumok hogyan jelenjenek meg. </p><p>A <a href="/wiki/Webfejleszt%C5%91" title="Webfejlesztő">webfejlesztők</a> igényei folyamatosan növekedtek a stilisztikai lehetőségek irányába, így a HTML nyelvbe egyre több ilyen elem került. Ilyen lehetőségek mellett a stíluslapok kevésbé voltak fontosak, és egyetlen külső stílusleíró nyelv sem lett széleskörűen elfogadva a CSS megjelenése előtt. </p><p>A CSS eredetileg <a href="/w/index.php?title=H%C3%A5kon_Wium_Lie&action=edit&redlink=1" class="new" title="Håkon Wium Lie (a lap nem létezik)">Håkon Wium Lie</a> ötlete volt <a href="/wiki/1994" title="1994">1994</a>-ben. <a href="/w/index.php?title=Bert_Bos&action=edit&redlink=1" class="new" title="Bert Bos (a lap nem létezik)">Bert Bos</a> időközben egy <a href="/wiki/Argo" class="mw-redirect mw-disambig" title="Argo">Argo</a> nevű böngészőn dolgozott, mely saját stíluslapokat használt; végül ők ketten döntöttek a CSS kifejlesztése mellett. </p><p>Ekkor már több stílusleíró nyelv is létezett, de a CSS volt az első, ami a <i>kapcsolás</i> ötletét használta fel, vagyis a dokumentum stílusa több különböző stíluslapból tevődhetett össze. Ezáltal lehetőség nyílt arra, hogy a felhasználó által megadott stílus bizonyos esetekben felülírja a szerző stílusát, míg a többi esetben örökli azt. A stíluslapok ilyen kapcsolása mind a szerző, mind a felhasználó számára rugalmas vezérlést biztosított, mivel megengedte a vegyes stilisztikai beállításokat. </p><p>Håkon ajánlata a „Mosaic és a Web” konferencián került bemutatásra <a href="/wiki/Chicago" title="Chicago">Chicagóban</a>, először <a href="/wiki/1994" title="1994">1994</a>-ben, majd <a href="/wiki/1995" title="1995">1995</a>-ben. Ebben az időben alakult meg a Word Wide Web Consortium is, mely később fellépett a CSS érdekében, és megalapított egy bizottságot a részletes kidolgozására. Håkon és Bert volt az elsődleges technikai vezetője a projektnek, melyhez további tagok csatlakoztak, többek között Thomas Reardon a <a href="/wiki/Microsoft" title="Microsoft">Microsofttól</a>. <a href="/wiki/1996" title="1996">1996</a> decemberében a CSS level 1 ajánlata hivatalosan is megjelent. </p><p><a href="/wiki/1997" title="1997">1997</a> elején a CSS egy <a href="/w/index.php?title=Chris_Lilley&action=edit&redlink=1" class="new" title="Chris Lilley (a lap nem létezik)">Chris Lilley</a> vezette csoporthoz került a W3C-nél. A csoport azokkal a problémákkal foglalkozott, melyeket a CSS Level 1 kihagyott. A CSS Level 2 mint hivatalos ajánlat <a href="/wiki/1998" title="1998">1998</a> májusában jelent meg. A CSS Level 3 még jelenleg, 2014-ben is fejlesztés alatt áll, bár bizonyos funkcióit már használják a legújabb böngészők.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Problémák_a_megvalósításban"><span id="Probl.C3.A9m.C3.A1k_a_megval.C3.B3s.C3.ADt.C3.A1sban"></span>Problémák a megvalósításban</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=3" title="Szakasz szerkesztése: Problémák a megvalósításban"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <table style="" class="metadata plainlinks ambox ambox-content"> <tbody><tr> <td class="ambox-image mbox-image"> <div class="ambox-image-inner"><span typeof="mw:File"><a href="/wiki/F%C3%A1jl:Gnome_globe_current_event.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Gnome_globe_current_event.svg/40px-Gnome_globe_current_event.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Gnome_globe_current_event.svg/60px-Gnome_globe_current_event.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/Gnome_globe_current_event.svg/80px-Gnome_globe_current_event.svg.png 2x" data-file-width="600" data-file-height="600" /></a></span></div></td> <td class="ambox-text"><b>Ez a lap vagy szakasz tartalmában elavult, korszerűtlen, frissítésre szorul.</b><br /><small>Frissítsd időszerű tartalommal, munkád végeztével pedig távolítsd el ezt a sablont! </small></td> <td class="ambox-imageright mbox-imageright"><div class="ambox-image-inner"><span typeof="mw:File"><a href="/wiki/F%C3%A1jl:Clockimportant.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Clockimportant.svg/35px-Clockimportant.svg.png" decoding="async" width="35" height="35" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Clockimportant.svg/53px-Clockimportant.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/83/Clockimportant.svg/70px-Clockimportant.svg.png 2x" data-file-width="212" data-file-height="211" /></a></span></div></td> </tr> </tbody></table> <p>Bár a CSS1 <a href="/w/index.php?title=Specifik%C3%A1ci%C3%B3&action=edit&redlink=1" class="new" title="Specifikáció (a lap nem létezik)">specifikációja</a> már <a href="/wiki/1996" title="1996">1996</a>-ban elkészült, több mint három évbe telt, mire egy böngészőben megjelent a teljes megvalósítása. Az <a href="/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> 5.0 <a href="/wiki/Macintosh" title="Macintosh">Macintosh</a> <a href="/wiki/2000" title="2000">2000</a> márciusában megjelent változata volt az első olyan böngésző, mely több, mint 99%-ban támogatta a CSS1 szabványt, megelőzve ezzel az <a href="/wiki/Opera_(b%C3%B6ng%C3%A9sz%C5%91)" class="mw-redirect" title="Opera (böngésző)">Operát</a> is, mely már 15 hónappal azelőtt bevezette a CSS1 támogatását. A többi böngésző hamarosan követte az Internet Explorert, sőt többen már a CSS2 bizonyos elemeit is támogatták. Ennek ellenére <a href="/wiki/2004" title="2004">2004</a>-ben még egyetlen böngésző sem támogatta teljes mértékben a CSS2-t. A legrosszabb támogatással például az <i>aural</i> és <i>pages</i> tulajdonságok rendelkeznek. </p><p>Még azok a böngészők is, melyek teljes megvalósítással rendelkeztek, tele voltak következetlenségekkel, hibákkal és trükkökkel. A fejlesztők sokszor körülírásokat és <a href="/w/index.php?title=Megker%C3%BCl%C5%91_m%C3%B3dszer&action=edit&redlink=1" class="new" title="Megkerülő módszer (a lap nem létezik)">megkerülő módszereket</a> kellett használjanak, hogy az eredmény minden böngészőben és platformon hasonló legyen. A legismertebb ilyen CSS-hiba az Internet Explorer doboz modellje: a dobozok szélességét a program 5.x, illetve ennél alacsonyabb verziószámú változatai hibásan kezelik, ezért a más böngészőkben helyesen megjelenő elemek szélessége az Internet Explorer ezen verzióiban túl keskeny lesz. A hibát el lehet kerülni, de csak a funkcionalitás rovására. </p><p>Ez csak egy a CSS több száz hibája közül az Internet Explorer, <a href="/w/index.php?title=Netscape&action=edit&redlink=1" class="new" title="Netscape (a lap nem létezik)">Netscape</a>, Mozilla és Opera megvalósításaiban, melyek csökkentik a dokumentumok olvashatóságát. A CSS-hibák burjánzása megnehezítette a webfejlesztők dolgát, hogy hasonló megjelenést érjenek el minden platformon. Jelenleg erős verseny folyik a <a href="/wiki/Mozilla" title="Mozilla">Mozilla</a> <a href="/wiki/Gecko" title="Gecko">Gecko</a>, az Opera <a href="/wiki/Presto_(b%C3%B6ng%C3%A9sz%C5%91motor)" title="Presto (böngészőmotor)">Presto</a>, és a <a href="/wiki/Safari_(webb%C3%B6ng%C3%A9sz%C5%91)" title="Safari (webböngésző)">Safari</a>, valamint a <a href="/wiki/Konqueror" title="Konqueror">Konqueror</a> <a href="/wiki/KHTML" title="KHTML">KHTML</a> motorja között – mindhárom vezető pozíciót szerzett a CSS különböző területein. Az Internet Explorer <a href="/wiki/2005" title="2005">2005</a>-ben még a legrosszabb CSS megvalósítással rendelkezett, a W3C ajánlásait figyelembe véve. 2006-ban az Internet Explorer 6 még mindig csak kb. 70%-os CSS2 támogatottsággal fut. </p><p>Ezek a problémák arra késztették a W3C szakembereit, hogy felülbírálják a CSS2 szabványt. Így megalkották a CSS2.1 változatát, mely nagyjából a CSS2 jelenleg már működő részeit tartalmazza. A CSS2-nek azokat a részeit, melyeket egyetlen böngésző sem valósított meg sikeresen, kitörölték, vagy a jelenlegi megvalósításoknak megfelelően átírták. A CSS2.1 még nem végleges javaslat. </p> <div class="mw-heading mw-heading2"><h2 id="A_CSS_használata"><span id="A_CSS_haszn.C3.A1lata"></span>A CSS használata</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=4" title="Szakasz szerkesztése: A CSS használata"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>A CSS elsődleges célja, hogy szétválassza a dokumentumok megjelenését a tartalomtól. A CSS előtt a HTML dokumentumok csaknem minden megjelenéshez kapcsolódó része a HTML kódon belül volt; a betűtípusok, színek, háttérstílusok, elrendezések, dobozok, keretek és méretek külön meg voltak adva, gyakran ismétlődően, a HTML kód közepén. A CSS használatával a webfejlesztők ezeket az információkat áthelyezhetik a stíluslapra, mely így egy sokkal egyszerűbb, kevésbé redundáns HTML kódot eredményez. A HTML dokumentumok kisebbek lesznek, és mivel a <a href="/wiki/Webb%C3%B6ng%C3%A9sz%C5%91" title="Webböngésző">webböngészők</a> gyakran tárolják a CSS stíluslapokat a gyorsítótárban, a hálózati forgalom is jelentősen csökkenhet. </p><p>Például a <code>h2</code> HTML elem megadja, hogy a benne foglalt szöveg második szintű címsor. Ez kisebb jelentőségű, mint a <code>h1</code> címsor, viszont nagyobb, mint a <code>h3</code> címsor. A <code>h2</code> ezen tulajdonsága <i>strukturális.</i> </p><p>Szokás szerint a <a href="/w/index.php?title=C%C3%ADmsor_(tipogr%C3%A1fia)&action=edit&redlink=1" class="new" title="Címsor (tipográfia) (a lap nem létezik)">címsorok</a> csökkenő méretben vannak megjelenítve, így a <code>h1</code> a legnagyobb, mivel ez jelzi, hogy fontosabb a többi címsornál. A címsorok ezen kívül a nagyobb nyomaték kedvéért többnyire félkövér betűtípussal rendelkeznek. Így a <code>h2</code> elem általában félkövér betűtípussal, a <code>h3</code>-nál nagyobb, de a <code>h1</code>-nél kisebb betűmérettel jelenik meg. A <code>h2</code> elem ezen tulajdonsága <i>prezentációs.</i> </p><p>A CSS előtt a webfejlesztők, ha módosítani akarták a <code>h2</code> elemek színét, betűtípusát, méretét vagy más jellemzőit, akkor a HTML <code>font</code> elemét kellett használniuk a címsor minden egyes használatakor. Egy középre igazított, dőlt betűs, vörös, Times New Roman típusú címsorhoz a következőt kellett használni: </p> <pre><code><h2 align="center"><font color="red" size="+4" face="Times New Roman, serif"> ''A CSS használata''</font></h2></code> </pre> <p>A kiegészítő prezentációs jelölések miatt a HTML dokumentum sokkal bonyolultabb lesz, és nehezebb karbantartani is. Ha azt szeretnénk, hogy minden ilyen címsor így jelenjen meg, akkor mindegyikre külön használni kell ezt a kiegészítést. Továbbá a dokumentumot olvasó felhasználónak nincs lehetősége módosítani a megjelenésen, ha ő például kék színű címsorokat szeretne, mivel az oldal szerzője egyértelműen megadta a címsorok színét. </p><p>A CSS használatával a <code>h2</code> elem csak strukturális információt hordozhat, míg a stíluslap megadja a prezentációs tulajdonságokat. A fenti kód itt így nézne ki: </p> <pre><code><h2>A CSS használata</h2></code> </pre> <p>Az alábbi stílus pedig definiálja az összes <code>h2</code> címsor megjelenését a teljes dokumentumban vagy webhelyen: </p> <pre>h2 { text-align: center; color: red; font-size: large; font-family: "Times New Roman", serif; font-style: italic; } </pre> <p>A megjelenés így elvált a tartalomtól. A CSS ilyen típusú előnyei miatt a W3C a HTML prezentációs elemeit és attribútumait már <a href="/w/index.php?title=Elavult&action=edit&redlink=1" class="new" title="Elavult (a lap nem létezik)">elavultként</a> jelölte be. Így a HTML csak a strukturális, míg a CSS a prezentációs információkat írja le. </p><p>A CSS stílusinformációkat beépíthetjük a HTML dokumentumba, vagy csatolhatjuk külső hivatkozásként. Egyszerre több stíluslapot is importálhatunk, valamint megadhatunk alternatív stíluslapokat , így a felhasználó választhat közülük. A megjelenítés helyétől függően különböző stílusokat alkalmazhatunk, például a nyomtatási stílus teljesen különbözhet a képernyőn megjelenő változattól. </p><p>Az a tendencia, hogy a címsorok helyett inkább osztállyal azonosított paragrafusokat használunk, lehetőleg kerülendő. Egyes felolvasók és szöveges böngészők nem használják az osztályokat, így nem képesek követni a weblapok struktúráját. A címsorok használatával a lap strukturális megjelenése a régebbi böngészőkön és akár kikapcsolt stílusok mellett is megmarad. </p> <div class="mw-heading mw-heading3"><h3 id="Példa_XHTML_dokumentumra_beágyazott_CSS_stílussal"><span id="P.C3.A9lda_XHTML_dokumentumra_be.C3.A1gyazott_CSS_st.C3.ADlussal"></span>Példa XHTML dokumentumra beágyazott CSS stílussal</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=5" title="Szakasz szerkesztése: Példa XHTML dokumentumra beágyazott CSS stílussal"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Minta</title> <style type="text/css"> body { background: #fff; color: #000; } h1,h2 { font: bold italic large sans-serif; color: blue; } </style> </head> <body> = Ez a szöveg félkövér, dőlt és kék = <p>Normál szöveg.</p> <h2 style="color: red; background: green;"> Ez a szöveg zöld hátterű, félkövér, dőlt és vörös; a fent megadott h2 stílus részben felül lett írva. </h2> <p>Normál szöveg.</p> == Ez a szöveg félkövér, dőlt és kék == <p>Normál szöveg.</p> </body> </html> </pre> <div class="mw-heading mw-heading3"><h3 id="Példa_a_felhasználói_stílusra"><span id="P.C3.A9lda_a_felhaszn.C3.A1l.C3.B3i_st.C3.ADlusra"></span>Példa a felhasználói stílusra</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=6" title="Szakasz szerkesztése: Példa a felhasználói stílusra"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>A <i>cimsorkiemeles.css</i> fájl tartalma: </p> <pre>h1 {color: white; background: orange !important; } h2 {color: white; background: green !important; } </pre> <p>Egy ilyen fájl helyileg tárolódik, és a böngésző beállításaiban lehet aktiválni. Az "!important" azt jelenti, hogy a stílus a szerző specifikációja fölött is érvényesül. </p> <div class="mw-heading mw-heading2"><h2 id="Jegyzetek">Jegyzetek</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=7" title="Szakasz szerkesztése: Jegyzetek"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="ref-1col"><div style="-moz-column-count:2; -webkit-column-count:2; column-count:2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://www.css3.info/modules/">http://www.css3.info/modules/</a></span> </li> </ol></div></div><div class="ref-1col"><div style="-moz-column-count:2; -webkit-column-count:2; column-count:2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;"></div></div> <div class="mw-heading mw-heading2"><h2 id="További_információk"><span id="Tov.C3.A1bbi_inform.C3.A1ci.C3.B3k"></span>További információk</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=8" title="Szakasz szerkesztése: További információk"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Ajánlások"><span id="Aj.C3.A1nl.C3.A1sok"></span>Ajánlások</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=9" title="Szakasz szerkesztése: Ajánlások"><span>szerkesztés</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a rel="nofollow" class="external text" href="https://www.w3.org/Style/CSS/">CSS - Hivatalos oldal</a></li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r26593303">.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:r26641489">.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{width:100%;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><style data-mw-deduplicate="TemplateStyles:r26643308">@media screen and (max-width:719px){.mw-parser-output div.navbox.authoritycontrol{display:block}.mw-parser-output .authoritycontrol tbody,.mw-parser-output .authoritycontrol tr,.mw-parser-output .authoritycontrol th,.mw-parser-output .authoritycontrol td,.mw-parser-output .authoritycontrol .navbox-row>th+td{display:block;text-align:center}.mw-parser-output .authoritycontrol .navbox-list-with-group{border:none}}</style><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r26593303" /></div><div role="navigation" class="navbox authoritycontrol" aria-labelledby="Nemzetközi_katalógusok" style="padding:3px"><table class="nowraplinks hlist navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th id="Nemzetközi_katalógusok" scope="row" class="navbox-group" style="width:auto"><a href="/wiki/Sablon:Nemzetk%C3%B6zi_katal%C3%B3gusok" title="Sablon:Nemzetközi katalógusok">Nemzetközi katalógusok</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Kongresszusi_K%C3%B6nyvt%C3%A1r" title="Kongresszusi Könyvtár">LCCN</a>: <span class="uid"><a rel="nofollow" class="external text" href="http://lccn.loc.gov/sh2001004461">sh2001004461</a></span></li> <li><a href="/wiki/Integr%C3%A1lt_katal%C3%B3gust%C3%A1r" title="Integrált katalógustár">GND</a>: <span class="uid"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4467617-7">4467617-7</a></span></li> <li><a href="/wiki/A_Cseh_K%C3%B6zt%C3%A1rsas%C3%A1g_Nemzeti_K%C3%B6nyvt%C3%A1ra" title="A Cseh Köztársaság Nemzeti Könyvtára">NKCS</a>: <span class="uid"><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph164348&CON_LNG=ENG">ph164348</a></span></li> <li><a href="/wiki/Francia_Nemzeti_K%C3%B6nyvt%C3%A1r" title="Francia Nemzeti Könyvtár">BNF</a>: <span class="uid"><a rel="nofollow" class="external text" href="https://catalogue.bnf.fr/ark:/12148/cb13739222f">cb13739222f</a></span></li> <li><a href="/wiki/Spanyol_Nemzeti_K%C3%B6nyvt%C3%A1r" title="Spanyol Nemzeti Könyvtár">BNE</a>: <span class="uid"><a rel="nofollow" class="external text" href="http://catalogo.bne.es/uhtbin/authoritybrowse.cgi?action=display&authority_id=XX550325">XX550325</a></span></li></ul> </div></td></tr></tbody></table></div> <div class="noprint noviewer" style="overflow: hidden; clear: both;"><div style="margin-left:0; margin-right:2px;"><ul style="display:block; list-style-image:none; list-style-type:none; width:100%; vertical-align:middle; margin:0; padding:0; min-height: 27px;"><li style="float:left; min-height: 27px; line-height:25px; width:100%; margin:0; margin-top:.5em; margin-left:0; margin-right:0; padding:0; border:1px solid #CCF; background-color:#F0EEFF"><span typeof="mw:File"><a href="/wiki/F%C3%A1jl:P_computing.svg" class="mw-file-description" title="Informatika"><img alt="Informatika" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/P_computing.svg/25px-P_computing.svg.png" decoding="async" width="25" height="23" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/P_computing.svg/38px-P_computing.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d6/P_computing.svg/50px-P_computing.svg.png 2x" data-file-width="400" data-file-height="360" /></a></span> <b><a href="/wiki/Port%C3%A1l:Informatika" title="Portál:Informatika">Informatikai portál</a></b> • összefoglaló, színes tartalomajánló lap</li></ul></div></div></div><noscript><img src="https://auth.wikimedia.org/loginwiki/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">A lap eredeti címe: „<a dir="ltr" href="https://hu.wikipedia.org/w/index.php?title=CSS&oldid=27544274">https://hu.wikipedia.org/w/index.php?title=CSS&oldid=27544274</a>”</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Wikip%C3%A9dia:Kateg%C3%B3ri%C3%A1k" title="Wikipédia:Kategóriák">Kategória</a>: <ul><li><a href="/wiki/Kateg%C3%B3ria:Jel%C3%B6l%C5%91nyelvek" title="Kategória:Jelölőnyelvek">Jelölőnyelvek</a></li><li><a href="/wiki/Kateg%C3%B3ria:Webfejleszt%C3%A9s" title="Kategória:Webfejlesztés">Webfejlesztés</a></li><li><a href="/wiki/Kateg%C3%B3ria:F%C3%A1jlform%C3%A1tumok" title="Kategória:Fájlformátumok">Fájlformátumok</a></li><li><a href="/wiki/Kateg%C3%B3ria:World_Wide_Web_Consortium_sztenderdek" title="Kategória:World Wide Web Consortium sztenderdek">World Wide Web Consortium sztenderdek</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Rejtett kategóriák: <ul><li><a href="/wiki/Kateg%C3%B3ria:Elavult_tartalm%C3%BA_lapok" title="Kategória:Elavult tartalmú lapok">Elavult tartalmú lapok</a></li><li><a href="/wiki/Kateg%C3%B3ria:Wikip%C3%A9dia-sz%C3%B3cikkek_LCCN-azonos%C3%ADt%C3%B3val" title="Kategória:Wikipédia-szócikkek LCCN-azonosítóval">Wikipédia-szócikkek LCCN-azonosítóval</a></li><li><a href="/wiki/Kateg%C3%B3ria:Wikip%C3%A9dia-sz%C3%B3cikkek_GND-azonos%C3%ADt%C3%B3val" title="Kategória:Wikipédia-szócikkek GND-azonosítóval">Wikipédia-szócikkek GND-azonosítóval</a></li><li><a href="/wiki/Kateg%C3%B3ria:Wikip%C3%A9dia-sz%C3%B3cikkek_BNF-azonos%C3%ADt%C3%B3val" title="Kategória:Wikipédia-szócikkek BNF-azonosítóval">Wikipédia-szócikkek BNF-azonosítóval</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"> A lap utolsó módosítása: 2024. október 25., 19:30</li> <li id="footer-info-copyright">A lap szövege <a rel="nofollow" class="external text" href="http://creativecommons.org/licenses/by-sa/4.0/deed.hu">Creative Commons Nevezd meg! – Így add tovább! 4.0</a> licenc alatt van; egyes esetekben más módon is felhasználható. Részletekért lásd a <a href="/wiki/Wikip%C3%A9dia:Felhaszn%C3%A1l%C3%A1si_felt%C3%A9telek" title="Wikipédia:Felhasználási feltételek">felhasználási feltételeket</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Adatvédelmi irányelvek</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:R%C3%B3lunk">A Wikipédiáról</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Jogi_nyilatkozat">Jogi nyilatkozat</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Magatartási kódex</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Fejlesztők</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/hu.wikipedia.org">Statisztikák</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Sütinyilatkozat</a></li> <li id="footer-places-mobileview"><a href="//hu.m.wikipedia.org/w/index.php?title=CSS&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobil nézet</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://www.wikimedia.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/static/images/footer/wikimedia-button.svg" width="84" height="29"><img src="/static/images/footer/wikimedia.svg" width="25" height="25" alt="Wikimedia Foundation" lang="en" loading="lazy"></picture></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"><picture><source media="(min-width: 500px)" srcset="/w/resources/assets/poweredby_mediawiki.svg" width="88" height="31"><img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" lang="en" width="25" height="25" loading="lazy"></picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"> <button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Keresés</span> </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div 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="Keresés a Wikipédián"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Speciális:Keresés"> </div> <button class="cdx-button cdx-search-input__end-button">Keresés</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <nav aria-label="Tartalomjegyzék" class="vector-toc-landmark"> <div id="vector-sticky-header-toc" class="vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc vector-button-flush-left" > <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Tartalomjegyzék kinyitása/becsukása" > <label id="vector-sticky-header-toc-label" for="vector-sticky-header-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">Tartalomjegyzék kinyitása/becsukása</span> </label> <div class="vector-dropdown-content"> <div id="vector-sticky-header-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true" ><span class="mw-page-title-main">CSS</span></div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"><span class="vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-history mw-ui-icon-wikimedia-wikimedia-history"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-star mw-ui-icon-wikimedia-wikimedia-star"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-wikiText mw-ui-icon-wikimedia-wikimedia-wikiText"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-edit mw-ui-icon-wikimedia-wikimedia-edit"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-editLock mw-ui-icon-wikimedia-wikimedia-editLock"></span> <span></span> </a> </div> <div class="vector-sticky-header-buttons"> <button class="cdx-button cdx-button--weight-quiet mw-interlanguage-selector" id="p-lang-btn-sticky-header" tabindex="-1" data-event-name="ui.dropdown-p-lang-btn-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>94 nyelv</span> </button> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbleAdd-progressive mw-ui-icon-wikimedia-speechBubbleAdd-progressive"></span> <span>Új téma nyitása</span> </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </div> </div> </div> <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom"> <ul> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-94d7dc785-wthcw","wgBackendResponseTime":148,"wgPageParseReport":{"limitreport":{"cputime":"0.152","walltime":"0.215","ppvisitednodes":{"value":915,"limit":1000000},"postexpandincludesize":{"value":13621,"limit":2097152},"templateargumentsize":{"value":2825,"limit":2097152},"expansiondepth":{"value":10,"limit":100},"expensivefunctioncount":{"value":3,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":11798,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 174.195 1 -total"," 42.06% 73.267 1 Sablon:Fájlformátum_infobox"," 39.26% 68.388 1 Sablon:Nemzetközi_katalógusok"," 27.39% 47.707 2 Sablon:Infobox/Kép"," 7.43% 12.945 13 Sablon:Infobox/Általános"," 5.88% 10.249 1 Sablon:Portál"," 4.64% 8.074 1 Sablon:Jegyzetek"," 4.33% 7.538 1 Sablon:Elavult"," 4.10% 7.136 6 Sablon:Stw"," 3.75% 6.527 2 Sablon:References"]},"scribunto":{"limitreport-timeusage":{"value":"0.082","limit":"10.000"},"limitreport-memusage":{"value":1876240,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-5c6f46dcf-dwdfh","timestamp":"20250330064449","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"CSS","url":"https:\/\/hu.wikipedia.org\/wiki\/CSS","sameAs":"http:\/\/www.wikidata.org\/entity\/Q46441","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q46441","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2005-05-07T13:32:46Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/ab\/Official_CSS_Logo.svg"}</script> </body> </html>