The W3C CSS Validation Service

<!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" lang="en" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>The W3C CSS Validation Service</title> <link rev="made" href="mailto:www-validator-css@w3.org" /> <link rev="start" href="./" title="Home page for the W3C CSS Validation Service" /> <style type="text/css" media="all"> @import "style/base.css"; </style> <script type="text/javascript" src="scripts/mootools.js"></script> <script type="text/javascript" src="scripts/w3c-validator.js"></script> </head> <body> <div id="banner"> <h1 id="title"><a href="http://www.w3.org/"><img alt="W3C" width="110" height="61" id="logo" src="./images/w3c.png" /></a> <a href="./"><span>CSS Validation Service</span></a></h1> <p id="tagline"> Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets </p> </div> <div id="frontforms"> <ul id="tabset_tabs"> <li><a href="#validate-by-uri" class="active">By URI</a></li><li><a href="#validate-by-upload">By file upload</a></li><li><a href="#validate-by-input">By direct input</a></li> </ul> <div id="fields"> <fieldset id="validate-by-uri" class="tabset_content front"> <legend class="tabset_label">Validate by URI</legend> <form method="get" action="validator"> <p class="instructions"> Enter the URI of a document (HTML with CSS or CSS only) you would like validated: </p> <p> <label title="Address of page to Validate" for="uri">Address: <input type="text" name="uri" id="uri" size="45" /> </label> </p> <fieldset id="extra_opt_uri" class="moreoptions"> <legend class="toggletext" title="Show/Hide extra validation options">More Options</legend> <div class="options"> <table> <tr> <th id="header_profile_uri"> <label for="profile_uri">Profile:</label> </th> <td headers="header_profile_uri"> <select id="profile_uri" name="profile"> <option value="none">No special profile</option> <option value="css1">CSS level 1</option> <option value="css2">CSS level 2</option> <option value="css21">CSS level 2.1</option> <option value="css3">CSS level 3</option> <option selected="selected" value="css3svg">CSS Level 3 + SVG</option> <option value="svg">SVG</option> <option value="svgbasic">SVG Basic</option> <option value="svgtiny">SVG tiny</option> <option value="mobile">Mobile</option> <option value="atsc-tv">ATSC TV profile</option> <option value="tv">TV profile</option> </select> </td> <th id="header_medium_uri"> <label for="medium_uri">Medium:</label> </th> <td headers="header_medium_uri"> <select id="medium_uri" name="usermedium"> <option selected="selected" value="all">All</option> <option value="aural">aural</option> <option value="braille">braille</option> <option value="embossed">embossed</option> <option value="handheld">handheld</option> <option value="print">print</option> <option value= "projection">projection</option> <option value="screen">screen</option> <option value="tty">TTY</option> <option value="tv">TV</option> <option value="presentation">presentation</option> </select> </td> </tr> <tr> <th id="header_warning_uri"> <label for="warning_uri">Warnings:</label> </th> <td colspan="1" headers="header_warning_uri"> <select id="warning_uri" name="warning"> <option value="2">All</option> <option selected="selected" value="1">Normal report</option> <option value="0">Most important</option> <option value="no">No warnings</option> </select> </td> <th id="header_vext_warning_uri"> <label id="vext_warning_input">Vendor Extensions:</label> </th> <td headers="header_vext_warning_uri"> <select id="vext_warning_uri" name="vextwarning"> <option value="">Default</option> <option value="true">Warnings</option> <option value="false">Errors</option> </select> </td> </tr> </table> </div> </fieldset> <p class="submit_button"> <input type="hidden" name="lang" value="en" /> <label title="Submit URI for validation"> <input type="submit" value="Check" /> </label> </p> </form> </fieldset> <fieldset id="validate-by-upload" class="tabset_content front"> <legend class="tabset_label">Validate by file upload</legend> <form method="post" enctype="multipart/form-data" action="validator"> <p class="instructions">Choose the document you would like validated:</p> <p> <label title="Choose a Local File to Upload and Validate" for="file">Local CSS file: <input type="file" id="file" name="file" size="30" /></label></p> <fieldset id="extra_opt_upload" class="moreoptions"> <legend class="toggletext" title="Show/Hide extra validation options">More Options</legend> <div class="options"> <table> <tr> <th id="header_profile_upload"> <label for="profile_upload">Profile:</label> </th> <td headers="header_profile_upload"> <select id="profile_upload" name="profile"> <option value="none">No special profile</option> <option value="css1">CSS level 1</option> <option value="css2">CSS level 2</option> <option value="css21">CSS level 2.1</option> <option value="css3">CSS level 3</option> <option selected="selected" value="css3svg">CSS Level 3 + SVG</option> <option value="svg">SVG</option> <option value="svgbasic">SVG Basic</option> <option value="svgtiny">SVG tiny</option> <option value="mobile">Mobile</option> <option value="atsc-tv">ATSC TV profile</option> <option value="tv">TV profile</option> </select> </td> <th id="header_medium_upload"> <label for="medium_upload">Medium:</label> </th> <td headers="header_medium_upload"> <select id="medium_upload" name="usermedium"> <option selected="selected" value="all">All</option> <option value="aural">aural</option> <option value="braille">braille</option> <option value="embossed">embossed</option> <option value="handheld">handheld</option> <option value="print">print</option> <option value= "projection">projection</option> <option value="screen">screen</option> <option value="tty">TTY</option> <option value="tv">TV</option> <option value="presentation">presentation</option> </select> </td> </tr> <tr> <th id="header_warning_upload"> <label for="warning_upload">Warnings:</label> </th> <td colspan="1" headers="header_warning_upload"> <select id="warning_upload" name="warning"> <option value="2">All</option> <option selected="selected" value="1">Normal report</option> <option value="0">Most important</option> <option value="no">No warnings</option> </select> </td> <th id="header_vext_warning_upload"> <label id="vext_warning_input">Vendor Extensions:</label> </th> <td headers="header_vext_warning_upload"> <select id="vext_warning_upload" name="vextwarning"> <option value="">Default</option> <option value="true">Warnings</option> <option value="false">Errors</option> </select> </td> </tr> </table> </div> </fieldset> <p class="submit_button"> <input type="hidden" name="lang" value="en" /> <label title="Submit file for validation"> <input type="submit" value="Check" /> </label> </p> </form> </fieldset> <fieldset id="validate-by-input" class="tabset_content front"> <legend class="tabset_label">Validate by direct input</legend> <form action="validator" enctype="multipart/form-data" method="post"> <p class="instructions">Enter the CSS you would like validated:</p> <p> <textarea name="text" rows="12" cols="70"></textarea> </p> <fieldset id="extra_opt_input" class="moreoptions"> <legend class="toggletext" title="Show/Hide extra validation options">More Options</legend> <div class="options"> <table> <tr> <th id="header_profile_input"> <label for="profile_input">Profile:</label> </th> <td headers="header_profile_input"> <select id="profile_input" name="profile"> <option value="none">No special profile</option> <option value="css1">CSS level 1</option> <option value="css2">CSS level 2</option> <option value="css21">CSS level 2.1</option> <option value="css3">CSS level 3</option> <option selected="selected" value="css3svg">CSS Level 3 + SVG</option> <option value="svg">SVG</option> <option value="svgbasic">SVG Basic</option> <option value="svgtiny">SVG tiny</option> <option value="mobile">Mobile</option> <option value="atsc-tv">ATSC TV profile</option> <option value="tv">TV profile</option> </select> </td> <th id="header_medium_input"> <label for="medium_input">Medium:</label> </th> <td headers="header_medium_input"> <select id="medium_input" name="usermedium"> <option selected="selected" value="all">All</option> <option value="aural">aural</option> <option value="braille">braille</option> <option value="embossed">embossed</option> <option value="handheld">handheld</option> <option value="print">print</option> <option value= "projection">projection</option> <option value="screen">screen</option> <option value="tty">TTY</option> <option value="tv">TV</option> <option value="presentation">presentation</option> </select> </td> </tr> <tr> <th id="header_type_input"> <label for="type_input">Type:</label> </th> <td headers="header_type_input"> <select id="type_input" name="type"> <option selected="selected" value="none">Automatic</option> <option value="html">HTML</option> <option value="css">CSS</option> </select> </td> <th id="header_warning_input"> <label for="warning_input">Warnings:</label> </th> <td headers="header_warning_input"> <select id="warning_input" name="warning"> <option value="2">All</option> <option selected="selected" value="1">Normal report</option> <option value="0">Most important</option> <option value="no">No warnings</option> </select> </td> <th id="header_vext_warning_input"> <label id="vext_warning_input">Vendor Extensions:</label> </th> <td headers="header_vext_warning_input"> <select id="vext_warning_input" name="vextwarning"> <option value="">Default</option> <option value="true">Warnings</option> <option value="false">Errors</option> </select> </td> </tr> </table> </div> </fieldset> <p class="submit_button"> <input type="hidden" name="lang" value="en" /> <label title="Submit your input for validation"> <input type="submit" value="Check" /> </label> </p> </form> </fieldset> </div> </div>  <div id="w3c-include"><script type="text/javascript" src="//www.w3.org/QA/Tools/w3c-include.js"></script></div> <div class="intro"> <p><strong>Note</strong>: If you want to validate your CSS style sheet embedded in an (X)HTML document, you should first <a href="http://validator.w3.org/">check that the (X)HTML you use is valid</a>. </p> </div> <ul class="navbar" id="menu"> <li><a href="about.html" title="About this service">About</a> <span class="hideme">|</span></li> <li><a href="documentation.html" title="Documentation for the W3C CSS Validation Service">Documentation</a> <span class="hideme">|</span></li> <li><a href="DOWNLOAD.html" title="Download and install the CSS validator">Download</a> <span class="hideme">|</span></li> <li><a href="Email.html" title="How to provide feedback on this service">Feedback</a> <span class="hideme">|</span></li> <li><a href="thanks.html" title="Credits and Acknowlegments">Credits</a></li> </ul> <ul id="lang_choice"> <li><a href="validator.html.de" lang="de" xml:lang="de" hreflang="de" rel="alternate">Deutsch</a> </li> <li><a href="validator.html.en" lang="en" xml:lang="en" hreflang="en" rel="alternate">English</a> </li> <li><a href="validator.html.es" lang="es" xml:lang="es" hreflang="es" rel="alternate">Español</a> </li> <li><a href="validator.html.fr" lang="fr" xml:lang="fr" hreflang="fr" rel="alternate">Français</a> </li> <li><a href="validator.html.ko" lang="ko" xml:lang="ko" hreflang="ko" rel="alternate">한국어</a> </li> <li><a href="validator.html.it" lang="it" xml:lang="it" hreflang="it" rel="alternate">Italiano</a> </li> <li><a href="validator.html.nl" lang="nl" xml:lang="nl" hreflang="nl" rel="alternate">Nederlands</a> </li> <li><a href="validator.html.ja" lang="ja" xml:lang="ja" hreflang="ja" rel="alternate">日本語</a> </li> <li><a href="validator.html.pl-PL" lang="pl-PL" xml:lang="pl-PL" hreflang="pl-PL" rel="alternate">Polski</a> </li> <li><a href="validator.html.pt-BR" lang="pt-BR" xml:lang="pt-BR" hreflang="pt-BR" rel="alternate">Português</a> </li> <li><a href="validator.html.ru" lang="ru" xml:lang="ru" hreflang="ru" rel="alternate">Русский</a> </li> <li><a href="validator.html.fa" lang="fa" xml:lang="fa" hreflang="fa" rel="alternate">فارسی</a> </li> <li><a href="validator.html.sv" lang="sv" xml:lang="sv" hreflang="sv" rel="alternate">Svenska</a> </li> <li><a href="validator.html.bg" lang="bg" xml:lang="bg" hreflang="bg" rel="alternate">Български</a> </li> <li><a href="validator.html.uk" lang="uk" xml:lang="uk" hreflang="uk" rel="alternate">Українська</a> </li> <li><a href="validator.html.cs" lang="cs" xml:lang="cs" hreflang="cs" rel="alternate">Čeština</a> </li> <li><a href="validator.html.ro" lang="ro" xml:lang="ro" hreflang="ro" rel="alternate">Romanian</a> </li> <li><a href="validator.html.hu" lang="hu" xml:lang="hu" hreflang="hu" rel="alternate">Magyar</a> </li> <li><a href="validator.html.el" lang="el" xml:lang="el" hreflang="el" rel="alternate">Ελληνικά</a> </li> <li><a href="validator.html.hi" lang="hi" xml:lang="hi" hreflang="hi" rel="alternate">हिन्दी</a> </li> <li><a href="validator.html.zh-cn" lang="zh-cn" xml:lang="zh-cn" hreflang="zh-cn" rel="alternate">简体中文</a> </li> </ul> <div id="footer"> <p id="activity_logos"> <a href="//www.w3.org/QA/" title="W3C's Quality Assurance Activity, bringing you free Web quality tools and more"><img src="//www.w3.org/QA/2002/12/qa-small.png" alt="QA" /></a><a href="//www.w3.org/Style/CSS/learning" title="Learn more about Cascading Style Sheets"><img src="images/woolly-icon" alt="CSS" /></a> </p> <p id="support_logo"> <a href="//www.w3.org/QA/Tools/Donate"> <img src="//www.w3.org/QA/Tools/I_heart_validator" alt="I heart Validator logo" title=" Validators Donation Program" /> </a> </p> <p class="copyright"> <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1994-2009 <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>® (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>, <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a> rules apply. Your interactions with this site are in accordance with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy statements. </p> </div> </body> </html>

CINXE.COM

The W3C CSS Validation Service