CINXE.COM
Cascading Style Sheets
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!-- Editors & translators, please, edit Overview.en.tmpl, not .html --> <html lang=en> <head profile="http://microformats.org/profile/hcard"> <title>Cascading Style Sheets</title> <meta content="W3C's overview of Web style sheets: CSS." name=description> <meta content="text/html; charset=utf-8" http-equiv=Content-Type> <meta content="width=device-width" name=viewport> <link href="../CSS/w3c-2010/main" media="screen, handheld, projection, tv" rel=stylesheet title=Main> <link href="../CSS/floatspan-n" media="screen, handheld, projection, tv" rel="alternate stylesheet" title=Cascade> <link href="../CSS/daily-color" media="screen, handheld, projection, tv" rel="alternate stylesheet" title=Cascade> <link href="../CSS/floatspan" media="screen, handheld, projection, tv" rel="alternate stylesheet" title="Cascade (older browsers)"> <link href="../CSS/daily-color" media="screen, handheld, projection, tv" rel="alternate stylesheet" title="Cascade (older browsers)"> <link href="../CSS/asymmetric" media="screen, handheld, projection, tv" rel="alternate stylesheet" title=Asymmetric> <link href="../CSS/draft" media="screen, projection, tv" rel="alternate stylesheet" title="Draft 3"> <link href="../CSS/draft-rg" media="screen, projection, tv" rel="alternate stylesheet" title="Draft 2"> <link href="../CSS/twocolumn-print" media=print rel=stylesheet> <link href="../../" rel=home title=W3C> <link href="../CSS/" rel=top title=CSS> <link href="../CSS/current-work" rel=chapter title=Roadmap> <link href="../Examples/007/" rel=chapter title=Examples> <link href="../../Consortium/activities" rel=bookmark title=Activities > <link href="../../TR/" rel=bookmark title="Tech. reports"> <link href="../../Consortium/Translation/" rel=bookmark title=Translations> <link href="../../Status" rel=bookmark title=Software> <link href="../../Consortium/siteindex" rel=index title="Site index"> <link href="../CSS/opensearch.xml" rel=search title="Search W3C" type="application/opensearchdescription+xml"> <link href="../../Help/search" rel=search title="Search W3C" type="text/html"> <link href="../../Consortium/Legal/ipr-notice.html#Copyright" rel=copyright title=Copyright> <link href=Overview.en.html rel=canonical> <link href="mailto:bert@w3.org%20(Bert%20Bos)" rel=author> <style media="screen, handheld, projection, tv" title=Cascade type="text/css"> a[href="./"] {text-decoration: underline; opacity: 0.5} </style> <style media="screen, handheld, projection, tv" title=Main type="text/css"> a[href="./"] {background: #EEE} </style> <style type="text/css"> .status td:first-child + td + td + td, .status th:first-child + th + th + th {display: none} .status td:last-child, .status th:last-child {padding-left: 0.6em} </style> <link href=Overview.atom rel=alternate title="CSS news [Atom]" type="application/atom+xml"> <link href=Overview.rss rel=alternate title="CSS news [RSS]" type="application/rss+xml"> <link href="/blog/CSS/feed/atom" rel=alternate title="CSS Working Group news" type="application/atom+xml"> <link href=Overview.be.html hreflang=be rel=alternate title="беларуская [Belarusian, 2010-10-25]"> <link href=Overview.cs.html hreflang=cs rel=alternate title="Česky [Czech, 2008-12-15]"> <link href=Overview.de.html hreflang=de rel=alternate title="Deutsch [2017-07-11]"> <link href=Overview.en.html hreflang=en rel=alternate title=English> <link href=Overview.fa.html hreflang=fa rel=alternate title="فارسی [2022-03-31]"> <link href=Overview.fr.html hreflang=fr rel=alternate title="Français [French, 2016-04-15]"> <link href=Overview.nl.html hreflang=nl rel=alternate title="Nederlands [Dutch, 2016-04-15]"> <link href=Overview.pl.html hreflang=pl rel=alternate title="Polski [Polish, 2010-11-08]"> <link href=Overview.ru.html hreflang=ru rel=alternate title="Русский [Russian, 2010-10-16]"> <link href=Overview.sl.html hreflang=sl rel=alternate title="Slovenščina [Slovenian, 2013-07-19]"> <link href=Overview.tg.html hreflang=tg rel=alternate title="Тоҷикӣ [Tajik, 2010-12-04]"> <link href=Overview.uk.html hreflang=uk rel=alternate title="Українська [Ukrainian, 2010-10-29]"> <link href=Overview.ur.html hreflang=ur rel=alternate title="اردو [2017-03-03]"> <link href="../" rel=up title="Web Style Sheets"> <link href=Overview.en rel=first title="Cascading Style Sheets"> <link href=learning.en rel=next title="Learning CSS"> <link href="Planet/" rel=last title="The Future of Style - W3C"> <body class=portal> <div class=section id=language> <p><a href="#translations">Languages</a> </div> <h1><em>Cascading Style Sheets</em> home page</h1> <div class=section id=summary> <h2>What is CSS?</h2> <p>Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. <p>These pages contain information on how to <a href=learning>learn and use CSS</a> and on available <a href=software>software.</a> They also contain news from the <a href=members>CSS working group.</a> <div class=aside> <h3>Highlights</h3> <ul> <li><a href="../../TR/CSS/">The <cite>“CSS Snapshot”</cite> (latest: 2023) lists the parts that are ready for implementers</a> </ul> </div> </div> <div class=section id=news> <h2>News <a class=feed href=Overview.atom><img alt="(Also available as Atom news feed.)" src="w3c-2010/feed" title="News feed"></a></h2> <ul class=dated> <li id=n2025-02-07><span class=updated title=2025-02-07><span> 7</span> Feb 2025</span> Updated Working Draft: <a href="../../TR/2025/WD-css-grid-3-20250207/"><cite>CSS Grid Layout Level 3</cite></a>. <li id=n2024-12-19><span class=updated title=2024-12-19><span >19</span> Dec 2024</span> New Working Draft: <a href="../../TR/2024/WD-css-display-4-20241219/"><cite>CSS Display Level 4</cite></a>. New Working Draft: <a href="../../TR/2024/WD-css-multicol-2-20241219/"><cite>CSS Multi-column Layout Level 2</cite></a>. <li id=n2024-12-17><span class=updated title=2024-12-17><span >17</span> Dec 2024</span> New Working Draft: <a href="../../TR/2024/WD-css-overflow-5-20241217/"><cite>CSS Overflow Level 5</cite></a>. New Working Draft: <a href="../../TR/2024/WD-css-color-hdr-1-20241217/"><cite>CSS Color HDR Level 1</cite></a>. <li id=n2024-11-13><span class=updated title=2024-11-13><span >13</span> Nov 2024</span> Updated Working Draft: <a href="../../TR/2024/WD-css-view-transitions-2-20241113/"><cite>CSS View Transitions Level 2</cite></a>. <li id=n2024-11-11><span class=updated title=2024-11-11><span >11</span> Nov 2024</span> Updated Working Draft: <a href="../../TR/2024/WD-css-values-5-20241111/"><cite>CSS Values and Units Level 5</cite></a>. </ul> <p class=stb>For more news, see our syndicator <a href="Planet/">“The Future of Style.”</a> <p class=more><a href="mailto:bert@w3.org?subject=For%20news%20section%20of%20CSS%20page" > Suggest a link ✉︎</a> </div> <div class=section id=roadmap> <h2>Standards & drafts <a class=feed href=current-work.atom><img alt="(Also available as Atom news feed.)" src="w3c-2010/feed" title="New publications feed"></a></h2> <p>Some of the specifications and drafts by the <a href=members>CSS Working Group:</a> <table class=status> <tbody id=completed> <tr> <th scope=rowgroup>Completed work <th scope=col>Status <th scope=col>Upcoming <th scope=col>Notes <th scope=col><abbr title=Summary>ℹ⃝</abbr> <tr id=css-2023> <td><a class=notranslate href="/TR/css-2023/" lang=en>CSS Snapshot 2023</a> <td class=note><a href="/TR/css-2023/">NOTE</a> <td class=""><a href="https://drafts.csswg.org/css-2023/"></a> <td><a href="/TR/CSS">Latest stable CSS</a> <td><a href="specs#css-2023" title="Summary of CSS Snapshot 2023" >ℹ⃝</a> <tr id=css-2022> <td><a class=notranslate href="/TR/css-2022/" lang=en>CSS Snapshot 2022</a> <td class=note><a href="/TR/css-2022/">NOTE</a> <td class=""><a href="https://drafts.csswg.org/css-2022/"></a> <td> <td><a href="specs#css-2022" title="Summary of CSS Snapshot 2022" >ℹ⃝</a> <tr id=css-2021> <td><a class=notranslate href="/TR/css-2021" lang=en>CSS Snapshot 2021</a> <td class=note><a href="/TR/css-2021">NOTE</a> <td class=""><a href="https://drafts.csswg.org/css-2021/"></a> <td> <td><a href="specs#css-2021" title="Summary of CSS Snapshot 2021" >ℹ⃝</a> <tr id=css-2020> <td><a class=notranslate href="/TR/css-2020" lang=en>CSS Snapshot 2020</a> <td class=note><a href="/TR/css-2020">NOTE</a> <td class=""><a></a> <td> <td><a href="specs#css-2020" title="Summary of CSS Snapshot 2020" >ℹ⃝</a> <tr id=css-2018> <td><a class=notranslate href="/TR/css-2018" lang=en>CSS Snapshot 2018</a> <td class=note><a href="/TR/css-2018">NOTE</a> <td class=""><a></a> <td> <td><a href="specs#css-2018" title="Summary of CSS Snapshot 2018" >ℹ⃝</a> <tr id=css-2017> <td><a class=notranslate href="/TR/css-2017" lang=en>CSS Snapshot 2017</a> <td class=note><a href="/TR/css-2017">NOTE</a> <td class=""><a></a> <td> <td><a href="specs#css-2017" title="Summary of CSS Snapshot 2017" >ℹ⃝</a> <tr id=css-2015> <td><a class=notranslate href="/TR/css-2015" lang=en>CSS Snapshot 2015</a> <td class=note><a href="/TR/css-2015">NOTE</a> <td class=""><a></a> <td> <td><a href="specs#css-2015" title="Summary of CSS Snapshot 2015" >ℹ⃝</a> <tr id=css-2010> <td><a class=notranslate href="/TR/css-2010/" lang=en>CSS Snapshot 2010</a> <td class=note><a href="/TR/css-2010/">NOTE</a> <td class=""><a></a> <td> <td><a href="specs#css-2010" title="Summary of CSS Snapshot 2010" >ℹ⃝</a> <tr id=beijing> <td><a class=notranslate href="/TR/css-beijing/" lang=en>CSS Snapshot 2007</a> <td class=note><a href="/TR/css-beijing/">NOTE</a> <td class=""><a></a> <td> <td><a href="specs#beijing" title="Summary of CSS Snapshot 2007" >ℹ⃝</a> <tr id=color> <td><a class=notranslate href="/TR/css-color-3/" lang=en>CSS Color Level 3</a> <td class=rec><a href="/TR/css-color-3/">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-color-3/" >REC</a> <td> <td><a href="specs#color" title="Summary of CSS Color Level 3" >ℹ⃝</a> <tr id=namespace> <td><a class=notranslate href="/TR/css-namespaces/" lang=en>CSS Namespaces</a> <td class=rec><a href="/TR/css-namespaces/">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-namespaces/" >REC</a> <td> <td><a href="specs#namespace" title="Summary of CSS Namespaces" >ℹ⃝</a> <tr id=selectors> <td><a class=notranslate href="/TR/selectors-3/" lang=en>Selectors Level 3</a> <td class=rec><a href="/TR/selectors-3/">REC</a> <td class=rec><a href="https://drafts.csswg.org/selectors-3/" >REC</a> <td> <td><a href="specs#selectors" title="Summary of Selectors Level 3" >ℹ⃝</a> <tr id=css21> <td><a class=notranslate href="/TR/CSS2/" lang=en>CSS Level 2 Revision 1</a> <td class=rec><a href="/TR/CSS2/">REC</a> <td class=rec><a href="https://drafts.csswg.org/css2/">REC</a> <td>See <a href="/Style/css2-updates/REC-CSS2-20110607-errata.html" >Errata</a> <td><a href="specs#css21" title="Summary of CSS Level 2 Revision 1">ℹ⃝</a> <tr id=mediaqueries> <td><a class=notranslate href="/TR/mediaqueries-3/" lang=en>Media Queries Level 3</a> <td class=rec><a href="/TR/mediaqueries-3/">REC</a> <td class=rec><a href="https://drafts.csswg.org/mediaqueries-3/" >REC</a> <td> <td><a href="specs#mediaqueries" title="Summary of Media Queries Level 3">ℹ⃝</a> <tr id=style-attr> <td><a class=notranslate href="/TR/css-style-attr/" lang=en>CSS Style Attributes</a> <td class=rec><a href="/TR/css-style-attr/">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-style-attr/" >REC</a> <td> <td><a href="specs#style-attr" title="Summary of CSS Style Attributes">ℹ⃝</a> <tr id=cascade> <td><a class=notranslate href="/TR/css-cascade-3/" lang=en>CSS Cascading and Inheritance Level 3</a> <td class=rec><a href="/TR/css-cascade-3/">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-cascade-3/" >REC</a> <td> <td><a href="specs#cascade" title="Summary of CSS Cascading and Inheritance Level 3">ℹ⃝</a> <tr id=fonts> <td><a class=notranslate href="/TR/css-fonts-3/" lang=en>CSS Fonts Level 3</a> <td class=rec><a href="/TR/css-fonts-3/">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-fonts-3/" >REC</a> <td> <td><a href="specs#fonts" title="Summary of CSS Fonts Level 3" >ℹ⃝</a> <tr id=writing-modes> <td><a class=notranslate href="/TR/css-writing-modes-3" lang=en >CSS Writing Modes Level 3</a> <td class=rec><a href="/TR/css-writing-modes-3">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-writing-modes-3/">REC</a> <td> <td><a href="specs#text-layout" title="Summary of CSS Writing Modes Level 3">ℹ⃝</a> <tr id=ui> <td><a class=notranslate href="/TR/css-ui-3" lang=en>CSS Basic User Interface Level 3</a> <td class=rec><a href="/TR/css-ui-3">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-ui-3/">REC</a> <td> <td><a href="specs#ui" title="Summary of CSS Basic User Interface Level 3">ℹ⃝</a> <tr id=box> <td><a class=notranslate href="/TR/css-box-3" lang=en>CSS Box Model Level 3</a> <td class=rec><a href="/TR/css-box-3">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-box/">REC</a> <td> <td><a href="specs#box" title="Summary of CSS Box Model Level 3" >ℹ⃝</a> <tr id=css-contain-1> <td><a class=notranslate href="/TR/css-contain-1/" lang=en>CSS Containment Level 1</a> <td class=rec><a href="/TR/css-contain-1/">REC</a> <td class=rec><a href="https://drafts.csswg.org/css-contain-1/" >REC</a> <td> <td><a href="specs#css-contain-1" title="Summary of CSS Containment Level 1">ℹ⃝</a> <tbody id=high-prio> <tr> <th scope=rowgroup>Stable drafts <th scope=col>Status <th scope=col>Upcoming <th scope=col>Notes <th scope=col><abbr title=Summary>ℹ⃝</abbr> <tr id=background> <td><a class=notranslate href="/TR/css-backgrounds-3/" lang=en>CSS Backgrounds and Borders Level 3</a> <td class=crd><a href="/TR/css-backgrounds-3/">CRD</a> <td class=cr><a href="https://drafts.csswg.org/css-backgrounds-3/" >CR</a> <td> <td><a href="specs#background" title="Summary of CSS Backgrounds and Borders Level 3">ℹ⃝</a> <tr id=conditional> <td><a class=notranslate href="/TR/css-conditional-3/" lang=en>CSS Conditional Rules Level 3</a> <td class=cr><a href="/TR/css-conditional-3/">CR</a> <td class=cr><a href="https://drafts.csswg.org/css-conditional-3/" >CR</a> <td> <td><a href="specs#conditional" title="Summary of CSS Conditional Rules Level 3">ℹ⃝</a> <tr id=multicol> <td><a class=notranslate href="/TR/css-multicol-1/" lang=en>CSS Multi-column Layout Level 1</a> <td class=cr><a href="/TR/css-multicol-1/">CR</a> <td class=pr><a href="https://drafts.csswg.org/css-multicol-1/" >PR</a> <td> <td><a href="specs#multicol" title="Summary of CSS Multi-column Layout Level 1">ℹ⃝</a> <tr id=values> <td><a class=notranslate href="/TR/css-values-3/" lang=en>CSS Values and Units Level 3</a> <td class=cr><a href="/TR/css-values-3/">CR</a> <td class=pr><a href="https://drafts.csswg.org/css-values-3/" >PR</a> <td> <td><a href="specs#values" title="Summary of CSS Values and Units Level 3">ℹ⃝</a> <tr id=flexbox> <td><a class=notranslate href="/TR/css-flexbox-1/" lang=en>CSS Flexible Box Layout Level 1</a> <td class=cr><a href="/TR/css-flexbox-1/">CR</a> <td class=pr><a href="https://drafts.csswg.org/css-flexbox-1/" >PR</a> <td> <td><a href="specs#flexbox" title="Summary of CSS Flexible Box Layout Level 1">ℹ⃝</a> <tr id=counter-styles> <td><a class=notranslate href="/TR/css-counter-styles-3/" lang=en >CSS Counter Styles Level 3</a> <td class=cr><a href="/TR/css-counter-styles-3/">CR</a> <td class=pr><a href="https://drafts.csswg.org/css-counter-styles-3/">PR</a> <td> <td><a href="specs#counter-styles" title="Summary of CSS Counter Styles Level 3">ℹ⃝</a> </table> <p class=more><a href=current-work>More »</a> </div> <div class=section id=wg-news> <h2>Working group news <a class=feed href="/blog/CSS/feed/atom"><img alt="(Also available as Atom news feed.)" src="w3c-2010/feed" title="CSS WG news feed"></a></h2> <p>The <a href=members>working group</a> regularly publishes reports on its <a href="/blog/CSS/">blog;</a> here are the most recent: <ul> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2025/02/14/minutes-breakout-2025-02-12/" lang=en>Minutes Color HDR Breakout 2025-02-12</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2025/02/13/minutes-2025-02-12/" lang=en>Minutes Telecon 2025-02-12</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2025/01/24/minutes-2025-01-22/" lang=en>Minutes Telecon 2025-01-22</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2025/01/23/minutes-overflow-breakout-2025-01-22/" lang=en>Minutes Overflow Breakout 2025-01-22</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2025/01/16/minutes-2025-01-15/" lang=en>Minutes Telecon 2025-01-15</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2025/01/09/minutes-2025-01-08/" lang=en>Minutes Telecon 2025-01-08</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2024/12/20/minutes-telecon-2024-12-18/" lang=en>Minutes Telecon 2024-12-18</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2024/12/12/minutes-2024-12-11/" lang=en>Minutes Telecon 2024-12-11</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2024/12/09/minutes-open-ui-whatwg-html-csswg-joint-meeting-2024-12-05/" lang=en>Minutes Open UI-WHATWG/HTML-CSSWG Joint Meeting 2024-12-05</a> <li><a dir=ltr href="https://www.w3.org/blog/CSS/2024/12/05/minutes-2024-12-04/" lang=en>Minutes Telecon 2024-12-04</a> </ul> <div class=figure> <p><img alt="[Photo: group photo in San Francisco]" src=csswg-2016.jpg> <p>A part of the CSS WG in May 2016. </div> <p class=more><a href="/blog/CSS">More »</a> </div> <div class=section id=join> <h2>Joining the discussion</h2> <p>The <a href="https://lists.w3.org/Archives/Public/www-style/"> <www-style@w3.org> mailing list</a> is the place for discussing the further development of CSS. (The <a href=members>CSS working group</a> also uses that list for most discussions.) Everybody can <a href="mailto:www-style-request@w3.org?subject=subscribe"> subscribe</a> (or <a href="mailto:www-style-request@w3.org?subject=unsubscribe"> unsubscribe,</a> or see <a href="../../Mail/Request"> instructions.</a>) <p>If you work for a <a href="../../Consortium/Member/List">W3C member organization,</a> you can also join the working group. <p class=more><a href="current-work#contribute">More »</a> </div> <div class=section id=software> <h2>Software <a class=feed href=software.atom><img alt="(Also available as Atom news feed.)" src="w3c-2010/feed" title="Software news feed"></a></h2> <p>Nearly all <a href="software#browsers">browsers</a> nowadays support CSS and many <a href="software#other">other applications</a> do, too. To write CSS, you don't need more than a text editor, but there are many <a href="software#editors">tools</a> available that make it even easier. <p>Of course, all software has bugs, even after several updates. And some programs are further ahead implementing the <a href=current-work>latest CSS modules</a> than others. Various sites describe <a href="software#support">bugs and work-arounds</a>. <p class=more><a href=software>More »</a> </div> <div class=section id=learning> <h2>Learning CSS <a class=feed href=learning.atom><img alt="(Also available as Atom news feed.)" src="w3c-2010/feed" title="New articles feed"></a></h2> <p>For beginners, <a href="../Examples/011/firstcss"><cite>Starting with HTML + CSS</cite></a> teaches how to create a style sheet. For a quick introduction to CSS, try <a href="../LieBos2e/enter/" >chapter 2</a> of <a href="learning#LieBos1999"><cite>Lie & Bos</cite></a> or <a href="../../MarkUp/Guide/Style">Dave Raggett's intro to CSS</a>. Or see examples of <a href="../styling-XML" >styling XML</a> and <a href="../Examples/007/">CSS tips & tricks</a>. <p>Another page also has some <a href="learning#books">books,</a> <a href="learning#fora">mailing lists</a> and similar fora, and links to <a href="learning#secondary">other directories.</a> <p>The history of CSS is described in <a href="../LieBos2e/history/" >chapter 20</a> of the book <a href="http://www.informit.com/store/cascading-style-sheets-designing-for-the-web-9780321193124?rll=1" > <cite class=notranslate lang=en>Cascading Style Sheets, designing for the Web,</cite></a> by Håkon Wium Lie and Bert Bos (2nd ed., 1999, Addison Wesley, ISBN 0-201-59625-3) <p class=more><a href=learning>More »</a> </div> <div class=section id=related> <h2>Related</h2> <dl> <dt><a href="https://jigsaw.w3.org/css-validator/">The CSS validator</a> <dd>Checks the syntax (and more) of style sheets. <dt><a href="../../dpub/">Digital Publishing Activity</a> <dd>An Interest Group that looks at how Web technology, including CSS, can be used in publishing, and how those technologies can be improved. <dt><a href="../../StyleSheets/Core/">Core Style Sheets</a> <dd>A set of simple style sheets designed when browsers' compatibility was a bigger problem than today, but still useful. <dt><a href="../../TR/WCAG20-TECHS/css.html"><cite>CSS Techniques for WCAG 2.0</cite></a> <dd>A note about the role of CSS in making pages accessible. <dt><a href="SAC/">SAC: The Simple API for CSS</a> <dd>An interface between CSS parsers and CSS processors. <dt><a href="../XSL/">XSL (Extensible Stylesheet Language)</a> <dd>XSL and CSS share many features, but XSL is focused on complex layout tasks, especially for print. <dt><a href="../../TR/mathml-for-css/">A MathML for CSS profile</a> <dd>Describes a subset of MathML that can be reasonably formatted with just CSS level 2 </dl> </div> <div class=section id=song> <h2>A song</h2> <div class=figure> <p><a href="https://www.youtube.com/watch?v=lbqOCS9bMpk"><img alt="[Still from the song's video with the text ‘watch out!!’]" src=css-is-ok.jpg></a> </div> <p>CSS inspired ‘quayjn’ to write the song <a href="https://www.youtube.com/watch?v=lbqOCS9bMpk">‘CSS is OK’</a>. </div> <div class=section id=banner> <h2>Site navigation</h2> <form action="../../Help/search"> <ul> <li class=home><a href="/" rel=home><img alt=W3C src="../../Icons/w3c_home"></a> <li><a href="./">CSS home</a> <li><a href=learning>Learn & use</a> <li><a href=software>Software</a> <li><a href=current-work title="Participate in the development of the CSS standard" >Participate / <span title="All specifications and drafts" >drafts</span></a> <li class=search><input accesskey=E id=inputField maxlength=255 name=q size=10><button accesskey=G name=sa type=submit><img alt=Search src="../../2008/site/images/search-button" title=Search ></button> </ul> </form> </div> <div class=section id=endmatter> <address class="vcard h-card"><img alt="" class="photo u-photo" src="../../People/Bos/bert3-small.jpg"> <a class="fn url p-name u-url" href="../../People/Bos/">Bert Bos</a>, <span class="role p-role">style activity lead</span><br> <small><a href="/Consortium/Legal/ipr-notice#Copyright" rel=copyright>Copyright</a> © <!--@@@-->1994–2025<!--/@@@--> <a href="/"><abbr title="World Wide Web Consortium">W3C</abbr><sup >®</sup></a></small> <a href="/Consortium/Legal/ipr-notice">Privacy policy</a></address> <p><a href=Buttons><img alt="Made with CSS!" class=button src="Buttons/mwcts"></a> <a href="https://jigsaw.w3.org/css-validator/check/referer"><img alt="Valid CSS!" class=button src="https://jigsaw.w3.org/css-validator/images/vcss-blue"></a> Last updated <!--@@@-->Sun 16 Feb 2025 05:40:08 AM UTC<!--/@@@--> </div> <div class=section id=translations> <h2>Languages</h2> <ul> <li><a href=Overview.be.html hreflang=be rel=alternate title="Belarusian, 2010-10-25">беларуская</a> <li><a href=Overview.cs.html hreflang=cs rel=alternate title="Czech, 2008-12-15">Česky</a> <li><a href=Overview.de.html hreflang=de rel=alternate title=2017-07-11>Deutsch</a> <li><a href=Overview.en.html hreflang=en rel=alternate>English</a> <li><a href=Overview.fa.html hreflang=fa rel=alternate title=2022-03-31>فارسی</a> <li><a href=Overview.fr.html hreflang=fr rel=alternate title="French, 2016-04-15">Français</a> <li><a href=Overview.nl.html hreflang=nl rel=alternate title="Dutch, 2016-04-15">Nederlands</a> <li><a href=Overview.pl.html hreflang=pl rel=alternate title="Polish, 2010-11-08">Polski</a> <li><a href=Overview.ru.html hreflang=ru rel=alternate title="Russian, 2010-10-16">Русский</a> <li><a href=Overview.sl.html hreflang=sl rel=alternate title="Slovenian, 2013-07-19">Slovenščina</a> <li><a href=Overview.tg.html hreflang=tg rel=alternate title="Tajik, 2010-12-04">Тоҷикӣ</a> <li><a href=Overview.uk.html hreflang=uk rel=alternate title="Ukrainian, 2010-10-29">Українська</a> <li><a href=Overview.ur.html hreflang=ur rel=alternate title=2017-03-03>اردو</a> </ul> <p><a href="/Style/CSS/translating">About the translations</a> </div> <!-- Keep this comment at the end of the file Local variables: mode: html sgml-indent-step:1 sgml-basic-offset:1 End: -->