You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1355 lines
72 KiB
1355 lines
72 KiB
<!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"><!-- Generated from data/head.php, ../../smarty/{head.tpl} --><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Current Status - W3C</title><link rel="stylesheet" href="/2008/site/css/minimum" type="text/css" media="handheld, all" /><style type="text/css" media="print, screen and (min-width: 481px)" xml:space="preserve">
|
|
/**/
|
|
@import url("/2008/site/css/advanced");
|
|
/**/
|
|
</style><link href="/2008/site/css/minimum" rel="stylesheet" type="text/css" media="handheld, only screen and (max-device-width: 480px)" /><meta name="viewport" content="width=device-width" /><link rel="stylesheet" href="/2008/site/css/print" type="text/css" media="print" /><link rel="shortcut icon" href="/2008/site/images/favicon.ico" type="image/x-icon" /></head><body id="www-w3-org" class="w3c_public"><div id="w3c_container">
|
|
<!-- Generated from data/mast.php, ../../smarty/{mast.tpl} -->
|
|
<div id="w3c_mast"><!-- #w3c_mast / Page top header -->
|
|
<h1 class="logo">
|
|
<a tabindex="2" accesskey="1" href="/"><img src="/2008/site/images/logo-w3c-mobile-lg" width="90" height="53" alt="W3C" /></a>
|
|
<span class="alt-logo">W3C</span>
|
|
</h1>
|
|
<div id="w3c_nav">
|
|
|
|
<!-- Search form and media selection -->
|
|
<form action="/Help/search" method="get" enctype="application/x-www-form-urlencoded"><div class="w3c_sec_nav"><!-- --></div><ul class="main_nav"><li class="first-item">
|
|
<a href="/standards/">Standards</a>
|
|
</li><li>
|
|
<a href="/participate/">Participate</a>
|
|
</li><li>
|
|
<a href="/Consortium/membership">Membership</a>
|
|
</li><li class="last-item">
|
|
<a href="/Consortium/">About W3C</a>
|
|
</li><li class="search-item">
|
|
<div id="search-form">
|
|
<input tabindex="3" class="text" name="q" value="" title="Search" type="text" />
|
|
<button id="search-submit" name="search-submit" type="submit"><img class="submit" src="/2008/site/images/search-button" alt="Search" width="21" height="17" /></button>
|
|
</div>
|
|
</li></ul></form>
|
|
</div>
|
|
</div>
|
|
<!-- /end #w3c_mast -->
|
|
<div id="w3c_main">
|
|
|
|
<!-- Generated from data/crumbs.php, ../../smarty/{crumbs.tpl} -->
|
|
|
|
<div id="w3c_logo_shadow" class="w3c_leftCol">
|
|
<img height="32" alt="" src="/2008/site/images/logo-shadow" />
|
|
</div>
|
|
<div class="w3c_leftCol"><h2 class="offscreen">Site Navigation</h2>
|
|
<br /></div>
|
|
<div class="w3c_mainCol">
|
|
<div id="w3c_crumbs">
|
|
<div id="w3c_crumbs_frame">
|
|
<ul class="bct"> <!-- .bct / Breadcrumbs -->
|
|
<li class="skip"><a tabindex="1" accesskey="2" title="Skip to content (e.g., when browsing via audio)" href="#w3c_content_body">Skip</a></li>
|
|
<li><a href="/">W3C</a> <span class="cr">»</span> </li>
|
|
<li><a href="/standards/">Standards</a> <span class="cr">»</span> </li>
|
|
<li><a href="/TR/">All Standards and Drafts</a> <span class="cr">»</span> </li>
|
|
<li class="current">CSS Current Status</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<h1 class="title">CSS Current Status</h1>
|
|
<ul class="w3c_toc">
|
|
<li>
|
|
<a href="#completed">completed work</a>
|
|
— including <a href="#stds">standards</a>
|
|
<span class="bullet">• </span>
|
|
</li>
|
|
<li>
|
|
<a href="#drafts">drafts</a>
|
|
<span class="bullet">• </span>
|
|
</li>
|
|
<li>
|
|
<a href="#obsolete">obsolete specifications</a>
|
|
</li>
|
|
</ul>
|
|
<p class="intro tPadding">See also the <a href="/Style/CSS/current-work">planned specifications</a> of the CSS Working Group.</p>
|
|
<div id="w3c_content_body">
|
|
<div id="w3c_generated_status">
|
|
<p id="w3c_toggle_include" class="default_open intro tPadding">This page summarizes the relationships among specifications, whether they are finished standards or drafts. Below, each title
|
|
links to the most recent version of a document.
|
|
For related introductory information, see: <a href="http://www.w3.org/standards/webdesign/htmlcss">HTML & CSS</a>, <a href="http://www.w3.org/standards/webdesign/mobilweb">Mobile Web</a>.</p>
|
|
<h2 id="completed">Completed Work</h2>
|
|
<p>
|
|
<a href="/TR/tr-technology-stds">W3C Recommendations</a> have
|
|
been reviewed by W3C Members, by software developers, and by other
|
|
W3C groups and interested parties, and are endorsed by the
|
|
Director as Web Standards. Learn more about the <a href="/Consortium/Process/tr#rec-advance">W3C Recommendation
|
|
Track</a>.</p>
|
|
<p>
|
|
<a href="/2005/10/Process-20051014/tr.html#q75">Group Notes</a> are <em>not</em> standards and do not
|
|
have the same level of W3C endorsement.</p>
|
|
<h3 id="stds">Standards</h3>
|
|
<div class="data lMargin rMargin">
|
|
<table class="w3c_spec_summary_table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="table_datecol">
|
|
<a href="../history/css3-namespace" title="CSS Namespaces Module publication history">2011-09-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is REC" href="http://www.w3.org/TR/2011/REC-css3-namespace-20110929/">CSS Namespaces Module</a>
|
|
</h4>
|
|
<p class="rec_support_data">
|
|
<a href="http://www.w3.org/2003/03/Translations/byTechnology?technology=css3-namespace">translations</a>
|
|
·
|
|
<a href="http://www.w3.org/Style/2011/REC-css3-color-20110607-errata.html">errata</a>
|
|
</p>
|
|
<div class="expand_description">
|
|
<p>Defines the syntax for using namespaces in CSS</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-selectors" title="Selectors Level 3 publication history">2011-09-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is REC" href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/">Selectors Level 3</a>
|
|
</h4>
|
|
<p class="rec_support_data">
|
|
<a href="http://www.w3.org/2003/03/Translations/byTechnology?technology=css3-selectors">translations</a>
|
|
·
|
|
<a href="http://www.w3.org/Style/2011/REC-css3-selectors-20110929-errata.html">errata</a>
|
|
</p>
|
|
<div class="expand_description">
|
|
<p>Selectors are patterns that match against elements in an HTML or
|
|
XML tree. They are used in CSS, and also in the Selectors API.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/mathml-for-css" title="A MathML for CSS Profile publication history">2011-06-07</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is REC" href="http://www.w3.org/TR/2011/REC-mathml-for-css-20110607/">A MathML for CSS Profile</a>
|
|
</h4>
|
|
<p class="rec_support_data">
|
|
<a href="http://www.w3.org/2005/11/Translations/Query?titleMatch=mathml-for-css">translations</a>
|
|
·
|
|
<a href="http://www.w3.org/Math/Documents/mathmlcss-errata.html">errata</a>
|
|
</p>
|
|
<div class="expand_description">
|
|
<p>This document describes a profile of MathML 3.0 that admits
|
|
formatting with Cascading Style Sheets.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-color" title="CSS Color Module Level 3 publication history">2011-06-07</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is REC" href="http://www.w3.org/TR/2011/REC-css3-color-20110607">CSS Color Module Level 3</a>
|
|
</h4>
|
|
<p class="rec_support_data">
|
|
<a href="http://www.w3.org/2003/03/Translations/byTechnology?technology=css3color">translations</a>
|
|
·
|
|
<a href="http://www.w3.org/Style/2011/REC-css3-color-20110607-errata.html">errata</a>
|
|
</p>
|
|
<div class="expand_description">
|
|
<p>CSS (Cascading Style Sheets) is a language for describing the
|
|
rendering of HTML and XML documents on screen, on paper, in speech,
|
|
etc. It uses color related properties and respective values to
|
|
color the text, backgrounds, borders, and other parts of elements
|
|
in a document. This specification describes color values and
|
|
properties for foreground color and group opacity. These include
|
|
properties and values from CSS level 2 and new values.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/CSS2" title="Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification publication history">2011-06-07</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is REC" href="http://www.w3.org/TR/2011/REC-CSS2-20110607">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>
|
|
</h4>
|
|
<p class="rec_support_data">
|
|
<a href="http://www.w3.org/2005/11/Translations/Query?titleMatch=CSS;lang=any;search1=Submit">translations</a>
|
|
·
|
|
<a href="http://www.w3.org/Style/css2-updates/REC-CSS2-20110607-errata.html">errata</a>
|
|
</p>
|
|
<div class="expand_description">
|
|
<p>This specification defines Cascading Style Sheets, level 2
|
|
revision 1 (CSS 2.1). CSS 2.1 is a style sheet
|
|
language that allows authors and users to attach style (e.g., fonts
|
|
and spacing) to structured documents (e.g., HTML documents and XML
|
|
applications). By separating the presentation style of documents
|
|
from the content of documents, CSS 2.1 simplifies Web
|
|
authoring and site maintenance.</p>
|
|
<p>CSS 2.1 builds on CSS2 [CSS2] which builds on CSS1 [CSS1]. It supports media-specific style
|
|
sheets so that authors may tailor the presentation of their
|
|
documents to visual browsers, aural devices, printers, braille
|
|
devices, handheld devices, etc. It also supports content
|
|
positioning, table layout, features for internationalization and
|
|
some properties related to user interface.</p>
|
|
<p>CSS 2.1 corrects a few errors in CSS2 (the most important
|
|
being a new definition of the height/width of absolutely positioned
|
|
elements, more influence for HTML's "style" attribute and a new
|
|
calculation of the 'clip' property), and adds a few highly
|
|
requested features which have already been widely implemented. But
|
|
most of all CSS 2.1 represents a "snapshot" of CSS usage: it
|
|
consists of all CSS features that are implemented interoperably at
|
|
the date of publication of the Recommendation.</p>
|
|
<p>CSS 2.1 is derived from and is intended to replace CSS2.
|
|
Some parts of CSS2 are unchanged in CSS 2.1, some parts have
|
|
been altered, and some parts removed. The removed portions may be
|
|
used in a future CSS3 specification. Future specs should refer to
|
|
CSS 2.1 (unless they need features from CSS2 which have been
|
|
dropped in CSS 2.1, and then they should only reference CSS2
|
|
for those features, or preferably reference such feature(s) in the
|
|
respective CSS3 Module that includes those feature(s)).</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/xml-stylesheet" title="Associating Style Sheets with XML documents 1.0 (Second Edition) publication history">2010-10-28</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is REC" href="http://www.w3.org/TR/2010/REC-xml-stylesheet-20101028">Associating Style Sheets with XML documents 1.0 (Second Edition)</a>
|
|
</h4>
|
|
<p class="rec_support_data">
|
|
<a href="http://www.w3.org/2003/03/Translations/byTechnology?technology=xml-stylesheet">translations</a>
|
|
·
|
|
<a href="http://www.w3.org/1999/06/REC-xml-stylesheet-19990629/errata">errata</a>
|
|
</p>
|
|
<div class="expand_description">
|
|
<p>
|
|
This document allows style sheets to be associated with an XML
|
|
document by including one or more processing instructions with a
|
|
target of xml-stylesheet in the document's prolog.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="lastRow">
|
|
<td>
|
|
<a href="../history/DOM-Level-2-Style" title="Document Object Model (DOM) Level 2 Style Specification publication history">2000-11-13</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is REC" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113">Document Object Model (DOM) Level 2 Style Specification</a>
|
|
</h4>
|
|
<p class="rec_support_data">
|
|
<a href="http://www.w3.org/2000/11/DOM-Level-2-errata">errata</a>
|
|
</p>
|
|
<div class="expand_description">
|
|
<p>This specification defines the Document Object Model Level 2 Style Sheets and Cascading Style Sheets (CSS), a platform- and language-neutral interface that allows programs and scripts to dynamically access and update the content and of style sheets documents.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<h3 id="notes">Group Notes</h3>
|
|
<div class="data lMargin rMargin">
|
|
<table class="w3c_spec_summary_table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="table_datecol">
|
|
<a href="../history/css-beijing" title="Cascading Style Sheets (CSS) Snapshot 2007 publication history">2011-05-12</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is NOTE" href="http://www.w3.org/TR/2011/NOTE-css-beijing-20110512/">Cascading Style Sheets (CSS) Snapshot 2007</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
This document collects together into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of 2007.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css-2010" title="Cascading Style Sheets (CSS) Snapshot 2010 publication history">2011-05-12</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is NOTE" href="http://www.w3.org/TR/2011/NOTE-css-2010-20110512/">Cascading Style Sheets (CSS) Snapshot 2010</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
This document collects together into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of 2010.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/WCAG10-CSS-TECHS" title="CSS Techniques for Web Content Accessibility Guidelines 1.0 publication history">2000-11-06</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is NOTE" href="http://www.w3.org/TR/2000/NOTE-WCAG10-CSS-TECHS-20001106">CSS Techniques for Web Content Accessibility Guidelines 1.0</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This document describes techniques for authoring accessible Cascading Style
|
|
Sheets (<acronym>CSS</acronym>). Cascading Style
|
|
Sheets are defined by the W3C Recommendations "CSS Level 1" <cite>[CSS1]</cite> and "CSS
|
|
Level 2" <cite>
|
|
[CSS2]</cite>. This document is intended to help authors of Web content who
|
|
wish to claim conformance to "Web Content Accessibility Guidelines 1.0"
|
|
(<cite>[WCAG10]</cite>). While the techniques in
|
|
this document should help people author <acronym>CSS</acronym> that conforms to "Web Content
|
|
Accessibility Guidelines 1.0", these techniques are neither guarantees of
|
|
conformance nor the only way an author might produce conforming content.</p>
|
|
<p>This document is part of a series of documents about techniques for
|
|
authoring accessible Web content. For information about the other documents in
|
|
the series, please refer to "Techniques for Web Content Accessibility
|
|
Guidelines 1.0" <cite>[WCAG10-TECHS]</cite>.</p>
|
|
<p>
|
|
<strong>Note:</strong> This document contains a number of examples that
|
|
illustrate accessible solutions in CSS but also deprecated examples that
|
|
illustrate what content developers should not do. The deprecated examples are
|
|
highlighted and readers should approach them with caution -- they are meant for
|
|
illustrative purposes only.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="lastRow">
|
|
<td>
|
|
<a href="../history/NOTE-CSS-potential" title="List of suggested extensions to CSS publication history">1998-12-10</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is NOTE" href="http://www.w3.org/TR/1998/NOTE-CSS-potential-19981210">List of suggested extensions to CSS</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This Note attempts to document all the features that have been
|
|
suggested for CSS, and that are not part of CSS2. The fact that a
|
|
feature has been listed here does not mean it will be in some
|
|
future version of CSS; some of the suggestions do not fit in CSS or
|
|
are better handled elsewhere (e.g., in HTML, SMIL, or RDF). The purpose of the list is
|
|
to make sure suggestions are neither forgotten nor suggested over
|
|
and over again.</p>
|
|
<p>Many suggestions are just listed without further comment. If the
|
|
CSS working group has discussed a feature, some remarks may be
|
|
added.</p>
|
|
<p>Comments on this draft are welcome and should be sent to the
|
|
www-style@w3.org mailing list
|
|
(recommended) or the CSS & FP WG (only for W3C members), or to
|
|
the editors if neither of the above is suitable.</p>
|
|
<p>
|
|
<em>Please, give feedback before the 5th of February
|
|
1999.</em>
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<h2 id="drafts">Drafts</h2>
|
|
<p>Below are draft documents:
|
|
<a href="/2005/10/Process-20051014/tr.html#RecsCR">Candidate Recommendations</a>, <a href="/2005/10/Process-20051014/tr.html#last-call">Last Call Drafts</a>, <a href="/2005/10/Process-20051014/tr.html#RecsWD">other Working Drafts</a>.
|
|
Some of these may become Web Standards through the <a href="/Consortium/Process/tr#rec-advance">W3C Recommendation Track
|
|
process</a>. Others may be published as Group Notes or
|
|
become obsolete specifications.</p>
|
|
<h3 id="cr">Candidate Recommendations</h3>
|
|
<div class="data lMargin rMargin">
|
|
<table class="w3c_spec_summary_table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="table_datecol">
|
|
<a href="../history/css3-multicol" title="CSS Multi-column Layout Module publication history">2011-04-12</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">CSS Multi-column Layout Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This module describes multi-column layout in CSS. It builds on
|
|
the CSS3 Box model module and adds functionality to flow the
|
|
content of an element into multiple columns.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-background" title="CSS Backgrounds and Borders Module Level 3 publication history">2011-02-15</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2011/CR-css3-background-20110215">CSS Backgrounds and Borders Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS is a language for describing the rendering of structured
|
|
documents (such as HTML and XML) on screen, on paper, in speech,
|
|
etc. This draft contains the features of CSS level 3 relating
|
|
to borders and backgrounds. It includes and extends the
|
|
functionality of CSS level 2 [CSS21], which builds on CSS
|
|
level 1 [CSS1]
|
|
. The main extensions compared to level 2
|
|
are borders consisting of images, boxes with multiple backgrounds,
|
|
boxes with rounded corners and boxes with shadows.</p>
|
|
<p>This module replaces two earlier drafts: CSS3 Backgrounds and
|
|
CSS3 Border.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css-style-attr" title="CSS Style Attributes publication history">2010-10-12</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2010/CR-css-style-attr-20101012/">CSS Style Attributes</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>Describes the syntax and interpretation of the CSS fragment
|
|
that can be used in "style" attributes inside mark-up, e.g.,
|
|
in HTML, SVG and MathML.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-mediaqueries" title="Media Queries publication history">2010-07-27</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/">Media Queries</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>HTML4 and CSS2 currently support media-dependent style sheets
|
|
tailored for different <em>media types</em>. For example, a
|
|
document may use sans-serif fonts when displayed on a screen and
|
|
serif fonts when printed. ‘<code>screen</code>’ and
|
|
‘<code>print</code>’ are two media types that have been
|
|
defined. <em>Media queries</em> extend the functionality of media
|
|
types by allowing more precise labeling of style sheets.</p>
|
|
<p>A media query consists of a media type and zero or more
|
|
expressions to limit the scope of style sheets. Among the <em>media
|
|
features</em> that can be used in media queries are ‘<code>width</code>’, ‘<code>height</code>’, and
|
|
‘<code>color</code>’. By using media queries,
|
|
presentations can be tailored to a specific range of output devices
|
|
without changing the content itself.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/selectors-api" title="Selectors API Level 1 publication history">2009-12-22</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2009/CR-selectors-api-20091222/">Selectors API Level 1</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>Selectors, which are widely used in CSS, are patterns that match
|
|
against elements in a tree structure [SELECT][CSS21]. The Selectors API
|
|
specification defines methods for retrieving <code>Element</code>
|
|
nodes from the <abbr>DOM</abbr> by
|
|
matching against a group of selectors. It is often desirable to
|
|
perform DOM operations on a specific set of elements in a document.
|
|
These methods simplify the process of acquiring specific elements,
|
|
especially compared with the more verbose techniques defined and
|
|
used in the past.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css-mobile" title="CSS Mobile Profile 2.0 publication history">2008-12-10</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2008/CR-css-mobile-20081210">CSS Mobile Profile 2.0</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This specification defines in general a subset of
|
|
<acronym>CSS</acronym> 2.1 [CSS21] that is to
|
|
be considered a baseline for interoperability between
|
|
implementations of <acronym>CSS</acronym> on constrained devices (e.g.
|
|
mobile phones). Its intent is <em>not</em> to produce a profile of
|
|
<acronym>CSS</acronym> incompatible
|
|
with the complete specification, but rather to ensure that
|
|
implementations that due to platform limitations cannot support the
|
|
entire specification implement a common subset that is
|
|
interoperable not only amongst constrained implementations but also
|
|
with complete ones. Additionally, this specification aligns itself
|
|
as much as possible with the <acronym>OMA</acronym> Wireless <acronym>CSS</acronym> 1.1 [WCSS11] specification. At the
|
|
same time, <acronym>OMA</acronym> is
|
|
doing alignment work in <acronym>OMA</acronym> Wireless <acronym>CSS</acronym> 1.2 [WCSS12]. It is aimed at
|
|
aligning the mandatory compliance items between <acronym>CSS</acronym> Mobile Profile 2.0 and
|
|
<acronym>OMA</acronym> Wireless
|
|
<acronym>CSS</acronym> 1.2 [WCSS12].</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-marquee" title="CSS Marquee Module Level 3 publication history">2008-12-05</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2008/CR-css3-marquee-20081205">CSS Marquee Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
<abbr>CSS</abbr> describes the
|
|
rendering of documents on various media. When documents (e.g.,
|
|
HTML) are laid out on visual media (e.g., screen or print) and the
|
|
contents of some element are too large for a given area, CSS allows
|
|
the designer to specify whether and how the overflow is displayed.
|
|
One way, available on certain devices, is the “marquee” effect: the
|
|
content is animated and moves automatically back and forth. This
|
|
module defines the properties to control that effect.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-ui" title="CSS3 Basic User Interface Module publication history">2004-05-11</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2004/CR-css3-ui-20040511">CSS3 Basic User Interface Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This section is <em>informative</em>.</p>
|
|
<p>CSS (Cascading Style Sheets) is a language for describing the
|
|
rendering of HTML and XML documents on screen, on paper, in speech,
|
|
etc. It uses various selectors, properties and values to style
|
|
basic user interface elements in a document. This specification
|
|
describes those user interface related selectors, properties and
|
|
values that are proposed for CSS level 3 to style HTML and XML
|
|
(including XHTML and XForms). It includes and extends user
|
|
interface related features from the selectors, properties and
|
|
values of CSS level 2 revision 1 and Selectors
|
|
specifications.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="lastRow">
|
|
<td>
|
|
<a href="../history/css-tv" title="CSS TV Profile 1.0 publication history">2003-05-14</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is CR" href="http://www.w3.org/TR/2003/CR-css-tv-20030514">CSS TV Profile 1.0</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This specification defines a subset of Cascading Style Sheets Level 2
|
|
and CSS3 Module: Color specifications tailored to the needs and constraints of TV devices.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<h3 id="lcwd">Last Call Drafts</h3>
|
|
<div class="data lMargin rMargin">
|
|
<table class="w3c_spec_summary_table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="table_datecol">
|
|
<a href="../history/css3-images" title="CSS Image Values and Replaced Content Module Level 3 publication history">2012-01-12</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is LCWD" href="http://www.w3.org/TR/2012/WD-css3-images-20120112/">CSS Image Values and Replaced Content Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
The draft defines how to refer to images and other external objects
|
|
from within CSS, including fallback images in different formats,
|
|
special URLs for vector images of color gradients, and different
|
|
ways to set the size of images and other objects.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-speech" title="CSS Speech Module publication history">2011-08-18</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is LCWD" href="http://www.w3.org/TR/2011/WD-css3-speech-20110818">CSS Speech Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS (Cascading Style Sheets) is a language for describing the
|
|
rendering of HTML and XML documents on screen, on paper, in speech,
|
|
etc. CSS defines aural properties that give control over rendering
|
|
XML to speech. This draft describes the text to speech properties
|
|
proposed for CSS level 3. These are designed for match the model
|
|
described in the Speech Synthesis Markup Language (SSML) Version 1.0
|
|
[SSML10]</p>
|
|
<p>The CSS3 Speech Module is a community effort and if you would
|
|
like to help with implementation and driving the specification
|
|
forward along the W3C Recommendation track, please contact the
|
|
editors.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css-print" title="CSS Print Profile publication history">2006-10-13</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is LCWD" href="http://www.w3.org/TR/2006/WD-css-print-20061013">CSS Print Profile</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This specification defines a subset of <cite>Cascading Style Sheets Level 2, revision 1</cite>
|
|
[CSS21] and <cite>CSS3
|
|
Module: Paged Media</cite> [PAGEMEDIA]
|
|
for printing to low-cost devices. It
|
|
is designed for printing in situations where it is not feasible
|
|
or desirable to install a printer-specific driver, and for situations
|
|
were some variability in the output is acceptable.</p>
|
|
<p>This profile is designed to work in conjunction with <cite>XHTML-Print</cite> [XHTMLPRINT] and
|
|
defines a minimum level of conformance as well as
|
|
an extension set that provides stronger layout control for the printing of
|
|
mixed text and images, tables and image collections.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="lastRow">
|
|
<td>
|
|
<a href="../history/css3-page" title="CSS3 Module: Paged Media publication history">2006-10-10</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is LCWD" href="http://www.w3.org/TR/2006/WD-css3-page-20061010">CSS3 Module: Paged Media</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This module describes the page model that partitions a flow into pages.
|
|
It builds on the Box model
|
|
module and introduces and defines the page model and paged media. It
|
|
adds functionality for pagination, page margins, page size and
|
|
orientation, headers and footers, widows and orphans, and image
|
|
orientation. Finally it extends generated content to enable page
|
|
numbering and running headers / footers.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<h3 id="wd">Other Working Drafts</h3>
|
|
<div class="data lMargin rMargin">
|
|
<table class="w3c_spec_summary_table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="table_datecol">
|
|
<a href="../history/css3-2d-transforms" title="CSS 2D Transforms publication history">2011-12-15</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-2d-transforms-20111215/">CSS 2D Transforms</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS 2D Transforms allows elements rendered by CSS to be transformed in two-dimensional space.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-exclusions" title="CSS Exclusions and Shapes Module Level 3 publication history">2011-12-13</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-exclusions-20111213/">CSS Exclusions and Shapes Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>The module defines (1) properties to assign a shape (circle or polygon)
|
|
to CSS boxes, to control the line length more precisely than with
|
|
margins; (2) properties to define how text in other boxes wraps around
|
|
such a shaped box; and (3) properties to turn an absolutely positioned
|
|
box into an exclusion, causing text to wrap around it, too.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/jlreq" title="Requirements for Japanese Text Layout publication history">2011-11-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-jlreq-20111129/">Requirements for Japanese Text Layout</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>Describes requirements for general
|
|
Japanese layout realized with technologies
|
|
like CSS, SVG and XSL-FO. The document is
|
|
mainly based on a standard for Japanese
|
|
layout, JIS X 4051, however, it also
|
|
addresses areas which are not covered by
|
|
JIS X 4051.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-layout" title="CSS Template Layout Module publication history">2011-11-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-layout-20111129/">CSS Template Layout Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS is a simple, declarative language for creating style sheets
|
|
that specify the rendering of HTML and other structured documents.
|
|
This specification is part of <em>level 3 of CSS</em> (“CSS3”)
|
|
and contains features to describe layouts at a high level, meant
|
|
for tasks such as the positioning and alignment of “widgets” in a
|
|
graphical user interface or the layout grid for a page or a window,
|
|
in particular when the desired visual order is different from the
|
|
order of the elements in the source document. Other CSS3 modules
|
|
contain properties to specify fonts, colors, text alignment, list
|
|
numbering, tables, etc.</p>
|
|
<p>The features in this module are described together for easier
|
|
reading, but are usually not implemented as a group. CSS3 modules
|
|
often depend on other modules or contain features for several media
|
|
types. Implementers should look at the various “profiles” of CSS,
|
|
which list consistent sets of features for each type of media.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-gcpm" title="CSS Generated Content for Paged Media Module publication history">2011-11-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">CSS Generated Content for Paged Media Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This module describes features often used in printed
|
|
publications. In particular, this specification describes how CSS
|
|
style sheets can express running headers and footers, leaders,
|
|
cross-references, footnotes, sidenotes, named flows, hyphenation,
|
|
new counter styles, character substitution, image resolution, page
|
|
floats, advanced multi-column layout, conditional content, crop and
|
|
cross marks, bookmarks, CMYK colors, continuation markers, change
|
|
bars, line numbers, named page lists, and generated lists. Along
|
|
with two other CSS3 modules – multi-column layout and paged
|
|
media – this module offers advanced functionality for
|
|
presenting structured documents on paged media.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-flexbox" title="CSS Flexible Box Layout Module publication history">2011-11-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/">CSS Flexible Box Layout Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>The draft describes a CSS box model optimized for interface design. It provides an additional layout system alongside the ones already in CSS. [CSS21] In this new box model, the children of a box are laid out either horizontally or vertically, and unused space can be assigned to a particular child or distributed among the children by assignment of “flex” to the children that should expand. Nesting of these boxes (horizontal inside vertical, or vertical inside horizontal) can be used to build layouts in two dimensions. </p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-regions" title="CSS Regions Module Level 3 publication history">2011-11-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-regions-20111129/">CSS Regions Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
The CSS Regions specification defines CSS properties to distribute
|
|
the content of one element over multiple, disconnected regions, such
|
|
as the regions defined by CSS Grid Layout.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-fonts" title="CSS Fonts Module Level 3 publication history">2011-10-04</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/">CSS Fonts Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This CSS3 module describes how font properties are specified and how font resources are loaded dynamically. The contents of this specification are a consolidation of content previously divided into CSS3 Fonts and CSS3 Web Fonts modules.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/selectors4" title="Selectors Level 4 publication history">2011-09-29</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-selectors4-20110929/">Selectors Level 4</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>Selectors are patterns that match against elements in a tree. They
|
|
are a core component of CSS (Cascading Style Sheets), which uses
|
|
Selectors to bind style properties to elements in a document.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css-device-adapt" title="CSS Device Adaptation publication history">2011-09-15</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css-device-adapt-20110915/">CSS Device Adaptation</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
This specification provides a way for an author to specify,
|
|
in CSS, the size, zoom factor, and orientation of the viewport
|
|
that is used as the base for the initial containing block.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-values" title="CSS Values and Units Module Level 3 publication history">2011-09-06</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">CSS Values and Units Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This CSS3 module describes the various values and units that CSS
|
|
properties accept. Also, it describes how values are computed from
|
|
"specified" (which is what the cascading process yields) through
|
|
"computed" and "used" into "actual" values. The main purpose of
|
|
this module is to define common values and units in one
|
|
specification which can be referred to by other modules. As such,
|
|
it does not make sense to claim conformance with this module
|
|
alone.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-text" title="CSS Text Level 3 publication history">2011-09-01</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-text-20110901/">CSS Text Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This CSS3 module defines properties for text manipulation and
|
|
specifies their processing model. It covers line breaking,
|
|
justification and alignment, white space handling, text decoration
|
|
and text transformation.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-writing-modes" title="CSS Writing Modes Module Level 3 publication history">2011-09-01</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110901/">CSS Writing Modes Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This module specifies the text layout model in CSS and the properties that control it. It covers bidirectional and vertical text.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-conditional" title="CSS Conditional Rules Module Level 3 publication history">2011-09-01</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-conditional-20110901/">CSS Conditional Rules Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
Style rules in CSS can depend on external factors: the output media
|
|
('@media'), the capabilities of the user agent ('@supports') and the
|
|
URI of the document ('@document').
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/cssom-view" title="CSSOM View Module publication history">2011-08-04</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-cssom-view-20110804/">CSSOM View Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>The APIs introduced by this specification provide authors with a
|
|
way to inspect and manipulate the view information of a document.
|
|
This includes getting the position of element layout boxes,
|
|
obtaining the width of the viewport through script, and also
|
|
scrolling an element.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/cssom" title="CSSOM publication history">2011-07-12</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-cssom-20110712/">CSSOM</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSSOM defines APIs (including generic parsing and serialization rules) for Media Queries, Selectors, and CSS itself.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-ruby" title="CSS3 Ruby Module publication history">2011-06-30</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-ruby-20110630/">CSS3 Ruby Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>
|
|
The set of CSS properties proposed in this
|
|
document can be used in combination with the ruby elements of HTML to
|
|
produce the stylistic effects needed to display ruby text appropriately
|
|
relative to base text.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-lists" title="CSS Lists and Counters Module Level 3 publication history">2011-05-24</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2011/WD-css3-lists-20110524">CSS Lists and Counters Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This CSS level 3 module describes how lists are styled.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/selectors-api2" title="Selectors API Level 2 publication history">2010-01-19</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2010/WD-selectors-api2-20100119/">Selectors API Level 2</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>The Selectors API specification defines methods for retrieving Element nodes from the DOM by matching against a group of selectors (as used in CSS).</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-transitions" title="CSS Transitions Module Level 3 publication history">2009-12-01</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2009/WD-css3-transitions-20091201">CSS Transitions Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-3d-transforms" title="CSS 3D Transforms Module Level 3 publication history">2009-03-20</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2009/WD-css3-3d-transforms-20090320">CSS 3D Transforms Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS 3D Transforms extends CSS Transforms to allow elements rendered by CSS to be transformed in three-dimensional space.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-animations" title="CSS Animations Module Level 3 publication history">2009-03-20</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2009/WD-css3-animations-20090320">CSS Animations Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS Animations allow an author to modify CSS property values over time.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/becss" title="Behavioral Extensions to CSS publication history">2007-10-19</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2007/WD-becss-20071019">Behavioral Extensions to CSS</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>Behavioral Extensions provide a way to link to binding
|
|
technologies, such as XBL, from CSS style sheets. This allows
|
|
bindings to be selected using the CSS cascade, and thus enables
|
|
bindings to transparently benefit from the user style sheet
|
|
mechanism, media selection, and alternate style sheets.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-grid" title="CSS Grid Positioning Module Level 3 publication history">2007-09-05</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2007/WD-css3-grid-20070905">CSS Grid Positioning Module Level 3</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This module describes integration of grid-based layout (similar
|
|
to the grids traditionally used in books and newspapers) with CSS
|
|
sizing and positioning.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-box" title="CSS basic box model publication history">2007-08-09</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2007/WD-css3-box-20070809">CSS basic box model</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS (Cascading Style Sheets) describes the rendering of
|
|
documents on various media. When textual documents (e.g., HTML) are
|
|
laid out on visual media (e.g., screen or print), CSS models the
|
|
document as a hierarchy of boxes containing words, lines,
|
|
paragraphs, tables, etc. each with properties such as size, color
|
|
and font.</p>
|
|
<p>This module describes the basic types of boxes, with their
|
|
padding and margin, and the normal “flow” (i.e., the sequence of
|
|
blocks of text with margins in-between). It also defines “floating”
|
|
boxes, but other kinds of layout, such as tables, absolute
|
|
positioning, ruby annotations, grid layouts, columns and numbered
|
|
pages, are described by other modules. Also, the layout of text
|
|
inside each line (including the handling of left-to-right and
|
|
right-to-left scripts) is defined elsewhere.</p>
|
|
<p>Boxes may contain either horizontal or vertical lines of text.
|
|
Boxes of different orientations may be mixed in one flow. (This is
|
|
a level 3 feature.)</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-cascade" title="CSS3 module: Cascading and inheritance publication history">2005-12-15</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2005/WD-css3-cascade-20051215">CSS3 module: Cascading and inheritance</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This CSS3 module describes how values are assigned to
|
|
properties. CSS allows several style sheets to influence the
|
|
rendering of a document, and the process of combining these style
|
|
sheets is called “cascading”. If no value can be found
|
|
through cascading, a value can be inherited from the parent element
|
|
or the property's initial value is used.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-hyperlinks" title="CSS3 Hyperlink Presentation Module publication history">2004-02-24</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224">CSS3 Hyperlink Presentation Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>CSS (Cascading Style Sheets) is a simple language for describing
|
|
the presentation of documents. This specification is a module of
|
|
level 3 of CSS and contains the functionality required to describe
|
|
the presentation of hyperlink source anchors and the effects of
|
|
hyperlink activation.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-reader" title="The CSS 'Reader' Media Type publication history">2004-02-24</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2004/WD-css3-reader-20040224">The CSS 'Reader' Media Type</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>'Reader' is a keyword for use in Media Queries [MEDIAQ]. When a Media Query that includes
|
|
the 'reader' keyword is attached to (a link to) a style sheet, it
|
|
indicates that that style sheet is designed to be used by a
|
|
"reader" device (typically a screen reader), that both displays and
|
|
speaks a document at the same time. It may also display the
|
|
document and render it in braille at the same time, or do all
|
|
three.</p>
|
|
<p>Media Queries (and thus 'reader') can be used in documents in
|
|
HTML [HTML401], XML
|
|
[XML10], SVG [SVG10], CSS [CSS21] and other formats, wherever they link to
|
|
a style sheet, and potentially also in links to other resources.
|
|
(But the latter is not treated in this specification.)</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-preslev" title="CSS3 module: Presentation Levels publication history">2003-08-13</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2003/WD-css3-preslev-20030813">CSS3 module: Presentation Levels</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>Presentation levels are integer values attached to elements in a document.
|
|
Elements that are below, at, or above a certain threshold can be styled
|
|
differently. This feature has two compelling use cases. First, slide
|
|
presentations with transition effects can be described. For example, list
|
|
items can be progressively revealed by sliding in from the side. Second,
|
|
outline views of documents, where only the headings to a certain level are
|
|
visible, can be generated.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-syntax" title="CSS3 module: Syntax publication history">2003-08-13</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2003/WD-css3-syntax-20030813">CSS3 module: Syntax</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This CSS3 module describes the basic structure of CSS style
|
|
sheets, some of the details of the syntax, and the rules for
|
|
parsing CSS style sheets. It also describes (in some cases,
|
|
informatively) how stylesheets can be linked to documents and how
|
|
those links can be media-dependent. Additional details of the
|
|
syntax of some parts of CSS described in other modules will be
|
|
described in those modules. The selectors module has a grammar for
|
|
selectors. Modules that define properties give the grammar for the
|
|
values of those properties, in a format described in this
|
|
document.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/css3-content" title="CSS3 Generated and Replaced Content Module publication history">2003-05-14</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2003/WD-css3-content-20030514">CSS3 Generated and Replaced Content Module</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This CSS3 Module describes how to insert and move content around
|
|
a document, in order to create footnotes, endnotes, section notes.
|
|
Inserted content can also introduce counters and strings, which can
|
|
be used for running headers and footers, section numbering, and
|
|
lists. Finally, techniques for declaring replaced images, as well
|
|
as scaling and cropping them using CSS, are described.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="lastRow">
|
|
<td>
|
|
<a href="../history/css3-linebox" title="CSS3 module: line publication history">2002-05-15</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is WD" href="http://www.w3.org/TR/2002/WD-css3-linebox-20020515">CSS3 module: line</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>Describes the positioning in the block progression direction both
|
|
of elements and text within lines and of the lines themselves. This
|
|
positioning is often relative to a baseline. It also describes special
|
|
features for formatting of first lines and drop caps.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<h2 id="obsolete">Obsolete Specifications</h2>
|
|
<p>These specifications have either been superseded by others,
|
|
or have been abandoned. They remain available for archival
|
|
purposes, but are not intended to be used.</p>
|
|
<h3 id="retired">
|
|
Retired
|
|
</h3>
|
|
<div class="data lMargin rMargin">
|
|
<table class="w3c_spec_summary_table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="table_datecol">
|
|
<a href="../history/WD-print" title="CSS Printing Extensions publication history">1999-09-02</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is RETIRED" href="http://www.w3.org/TR/1999/WD-print-19990902">CSS Printing Extensions</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This specification describes a set of extensions to Cascading
|
|
Style Sheets (CSS) to better support printing from the Web. These
|
|
extensions let style sheets express page breaks, page boxes, and
|
|
media dependencies. Also, a way to point to an alternate print
|
|
document is described. This is a first pass at a rather formidable
|
|
problem, but one which can yield good results in the near term.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/WD-acss" title="Aural Cascading Style Sheets (ACSS) Specification publication history">1999-09-02</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is RETIRED" href="http://www.w3.org/TR/1999/WD-acss-19990902">Aural Cascading Style Sheets (ACSS) Specification</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This document describes style sheet properties for rendering Web
|
|
documents as synthesized speech. Using style sheets rather than
|
|
HTML tag extensions allows the same document to be read with
|
|
visual, aural, or mulitmodal presentation without cluttering up the
|
|
document or having to produce three (or more) separate parallel
|
|
documents - which has been shown to result in consistency and
|
|
update problems. This approach provides greatly improved document
|
|
accessibility for visually disabled people (the information is
|
|
better presented and is just as up-to-date as the visual version)
|
|
without requiring compromises in the visual design of the
|
|
document.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="../history/WD-positioning" title="Positioning HTML Elements with Cascading Style Sheets publication history">1999-09-02</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is RETIRED" href="http://www.w3.org/TR/1999/WD-positioning-19990902">Positioning HTML Elements with Cascading Style Sheets</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>The HyperText Markup Language (HTML) is a simple markup language
|
|
used to create hypertext documents that are portable from one
|
|
platform to another. HTML documents are SGML documents with generic
|
|
semantics that are appropriate for representing information from a
|
|
wide range of applications. CSS (Cascading
|
|
Style Sheets) is a style sheets language that can be applied to
|
|
HTML to control the style of a document: which fonts and colors to
|
|
use, how much white space to insert, etc. The following
|
|
specification extends CSS to support the positioning and visibility
|
|
of HTML elements in three-dimensional space. Familiarity with both
|
|
CSS1 and HTML
|
|
3.2 are assumed.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="lastRow">
|
|
<td>
|
|
<a href="../history/WD-font" title="Web Fonts publication history">1999-09-02</a>
|
|
</td>
|
|
<td>
|
|
<h4 class="w3c_status_title">
|
|
<a title="status is RETIRED" href="http://www.w3.org/TR/1999/WD-font-19990902">Web Fonts</a>
|
|
</h4>
|
|
<div class="expand_description">
|
|
<p>This document presents a set of properties allowing font
|
|
specification by a user agent as well as additional font decoration
|
|
properties like font effects, emphasis, smoothing, etc... The font
|
|
specification is very close to the similar section in CSS 2
|
|
[CSS2]. The font decoration properties are new
|
|
to CSS3.</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- Generated from data/footer.php, ../../smarty/{footer-block.tpl} --><div id="w3c_footer">
|
|
<div id="w3c_footer-inner">
|
|
<h2 class="offscreen">Footer Navigation</h2>
|
|
<div class="w3c_footer-nav">
|
|
<h3>Navigation</h3>
|
|
<ul class="footer_top_nav"><li>
|
|
<a href="/">Home</a>
|
|
</li><li>
|
|
<a href="/standards/">Standards</a>
|
|
</li><li>
|
|
<a href="/participate/">Participate</a>
|
|
</li><li>
|
|
<a href="/Consortium/membership">Membership</a>
|
|
</li><li class="last-item">
|
|
<a href="/Consortium/">About W3C</a>
|
|
</li></ul>
|
|
</div>
|
|
<div class="w3c_footer-nav">
|
|
<h3>Contact W3C</h3>
|
|
<ul class="footer_bottom_nav"><li>
|
|
<a href="/Consortium/contact">Contact</a>
|
|
</li><li>
|
|
<a accesskey="0" href="/Help/">Help and FAQ</a>
|
|
</li><li>
|
|
<a href="/Consortium/sponsor/">Sponsor / Donate</a>
|
|
</li><li>
|
|
<a href="/Consortium/siteindex">Site Map</a>
|
|
</li><li>
|
|
<address id="w3c_signature">
|
|
<a href="mailto:site-comments@w3.org">Feedback</a> (<a href="http://lists.w3.org/Archives/Public/site-comments/">archive</a>)</address>
|
|
</li></ul>
|
|
</div>
|
|
<div class="w3c_footer-nav">
|
|
<h3>W3C Updates</h3>
|
|
<ul class="footer_follow_nav"><li>
|
|
<a href="http://twitter.com/W3C" title="Follow W3C on Twitter">
|
|
<img src="/2008/site/images/twitter-bird" alt="Twitter" width="78" height="83" class="social-icon" />
|
|
</a>
|
|
<a href="http://identi.ca/w3c" title="See W3C on Identica">
|
|
<img src="/2008/site/images/identica-logo" alt="Identica" width="91" height="83" class="social-icon" />
|
|
</a>
|
|
</li></ul>
|
|
</div>
|
|
<p class="copyright">Copyright © 2012 W3C <sup>®</sup> (<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>) <a href="/Consortium/Legal/ipr-notice">Usage policies apply</a>.</p>
|
|
</div>
|
|
</div><!-- /end #footer --><!-- Generated from data/scripts.php, ../../smarty/{scripts.tpl} --><div id="w3c_scripts">
|
|
<script type="text/javascript" src="/2008/site/js/main" xml:space="preserve"><![CDATA[
|
|
//
|
|
<!-- -->
|
|
//
|
|
]]></script>
|
|
</div></body></html>
|