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.
2848 lines
79 KiB
2848 lines
79 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
|
|
<html lang=en>
|
|
<head>
|
|
<title>Cascading Style Sheets (CSS) Snapshot 2010</title>
|
|
<link href=default.css rel=stylesheet type="text/css">
|
|
<link href="http://www.w3.org/StyleSheets/TR/W3C-WG-NOTE.css"
|
|
rel=stylesheet type="text/css">
|
|
|
|
<body>
|
|
<div class=head> <!--begin-logo-->
|
|
<p><a href="http://www.w3.org/"><img alt=W3C height=48
|
|
src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo-->
|
|
|
|
<h1>Cascading Style Sheets (CSS) Snapshot 2010</h1>
|
|
|
|
<h2 class="no-num no-toc" id=longstatus-date>W3C Working Group Note 12 May
|
|
2011</h2>
|
|
|
|
<dl>
|
|
<dt>This version:
|
|
|
|
<dd><a
|
|
href="http://www.w3.org/TR/2011/NOTE-css-2010-20110512/">http://www.w3.org/TR/2011/NOTE-css-2010-20110512/</a></dd>
|
|
<!-- <dd><a href="http://dev.w3.org/csswg/css-2010/">http://dev.w3.org/csswg/css-2010/</a> -->
|
|
|
|
<dt>Latest version:
|
|
|
|
<dd><a
|
|
href="http://www.w3.org/TR/css-2010/">http://www.w3.org/TR/css-2010/</a>
|
|
|
|
<dt>Previous versions:
|
|
|
|
<dd><a
|
|
href="http://www.w3.org/TR/2010/WD-css-2010-20101202/">http://www.w3.org/TR/2010/WD-css-2010-20101202/</a>
|
|
|
|
<dt>Editor:
|
|
|
|
<dd><a href="http://fantasai.inkedblade.net/contact">Elika J. Etemad</a>
|
|
</dl>
|
|
<!--begin-copyright-->
|
|
<p class=copyright><a
|
|
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
|
|
rel=license>Copyright</a> © 2011 <a
|
|
href="http://www.w3.org/"><acronym title="World Wide Web
|
|
Consortium">W3C</acronym></a><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>), 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>
|
|
and <a
|
|
href="http://www.w3.org/Consortium/Legal/copyright-documents">document
|
|
use</a> rules apply.</p>
|
|
<!--end-copyright-->
|
|
<hr title="Separator for header">
|
|
</div>
|
|
|
|
<h2 class="no-num no-toc" id=abstract>Abstract</h2>
|
|
|
|
<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. The primary audience is CSS implementors, not CSS authors, as this
|
|
definition includes modules by specification stability, not Web browser
|
|
adoption rate.
|
|
|
|
<h2 class="no-num no-toc" id=status>Status of this document</h2>
|
|
<!--begin-status-->
|
|
|
|
<p><em>This section describes the status of this document at the time of
|
|
its publication. Other documents may supersede this document. A list of
|
|
current W3C publications and the latest revision of this technical report
|
|
can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
|
|
index at http://www.w3.org/TR/.</a></em>
|
|
|
|
<p>Publication as a Working Group Note does not imply endorsement by the
|
|
W3C Membership. This is a draft document and may be updated, replaced or
|
|
obsoleted by other documents at any time. It is inappropriate to cite this
|
|
document as other than work in progress.
|
|
|
|
<p>The document was produced by the <a
|
|
href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of
|
|
the <a href="http://www.w3.org/Style/CSS">Style Activity</a>).
|
|
|
|
<p> This document was produced by a group operating under the <a
|
|
href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
|
|
2004 W3C Patent Policy</a>. W3C maintains a <a
|
|
href="http://www.w3.org/2004/01/pp-impl/32061/status"
|
|
rel=disclosure>public list of any patent disclosures</a> made in
|
|
connection with the deliverables of the group; that page also includes
|
|
instructions for disclosing a patent. An individual who has actual
|
|
knowledge of a patent which the individual believes contains <a
|
|
href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
|
|
Claim(s)</a> must disclose the information in accordance with <a
|
|
href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
|
|
6 of the W3C Patent Policy</a>.
|
|
|
|
<p>The (<a
|
|
href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
|
|
mailing list <a
|
|
href="mailto:www-style@w3.org?Subject=%5Bcss-2010%5D%20PUT%20SUBJECT%20HERE">
|
|
www-style@w3.org</a> (see <a
|
|
href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
|
|
discussion of this document. When sending e-mail, please put the text
|
|
“css-2010” in the subject, preferably like this:
|
|
“[<!---->css-2010<!---->] <em>…summary of
|
|
comment…</em>”</p>
|
|
<!--end-status-->
|
|
|
|
<p>This document represents the state of CSS as of 2010. The CSS Working
|
|
Group does not expect any further changes to this document: new snapshots
|
|
will be published at <a
|
|
href="http://www.w3.org/TR/CSS/">http://www.w3.org/TR/CSS/</a> as CSS
|
|
advances.
|
|
|
|
<h2 class="no-num no-toc" id=contents>Table of contents</h2>
|
|
<!--begin-toc-->
|
|
|
|
<ul class=toc>
|
|
<li><a href="#intro"><span class=secno>1. </span>Introduction</a>
|
|
<ul class=toc>
|
|
<li><a href="#w3c-process"><span class=secno>1.1. </span>The W3C Process
|
|
and CSS</a>
|
|
</ul>
|
|
|
|
<li><a href="#css-levels"><span class=secno>2. </span>CSS Levels</a>
|
|
<ul class=toc>
|
|
<li><a href="#css1"><span class=secno>2.1. </span>CSS Level 1</a>
|
|
|
|
<li><a href="#css2"><span class=secno>2.2. </span>CSS Level 2</a>
|
|
|
|
<li><a href="#css3"><span class=secno>2.3. </span>CSS Level 3</a>
|
|
</ul>
|
|
|
|
<li><a href="#css"><span class=secno>3. </span>Cascading Style Sheets
|
|
Definition</a>
|
|
<ul class=toc>
|
|
<li><a href="#partial"><span class=secno>3.1. </span>Partial
|
|
Implementations</a>
|
|
|
|
<li><a href="#profiles"><span class=secno>3.2. </span>CSS Profiles</a>
|
|
|
|
<li><a href="#experimental"><span class=secno>3.3. </span>Experimental
|
|
Implementations</a>
|
|
|
|
<li><a href="#testing"><span class=secno>3.4. </span>Non-Experimental
|
|
Implementations</a>
|
|
</ul>
|
|
|
|
<li><a href="#indices"><span class=secno>4. </span>Indices</a>
|
|
<ul class=toc>
|
|
<li><a href="#properties"><span class=secno>4.1. </span>Property
|
|
Index</a>
|
|
|
|
<li><a href="#selectors"><span class=secno>4.2. </span>Selector
|
|
Index</a>
|
|
|
|
<li><a href="#at-rules"><span class=secno>4.3. </span>At-Rule Index</a>
|
|
</ul>
|
|
</ul>
|
|
<!--end-toc-->
|
|
|
|
<h2 id=intro><span class=secno>1. </span>Introduction</h2>
|
|
|
|
<p>When the first CSS specification was published, all of CSS was contained
|
|
in one document that defined CSS Level 1. CSS Level 2 was defined also by
|
|
a single, multi-chapter document. However for CSS beyond Level 2, the CSS
|
|
Working Group chose to adopt a modular approach, where each module defines
|
|
a part of CSS, rather than to define a single monolithic specification.
|
|
This breaks the specification into more manageable chunks and allows more
|
|
immediate, incremental improvement to CSS.
|
|
|
|
<p>Since different CSS modules are at different levels of stability, the
|
|
CSS Working Group has chosen to publish this profile to define the current
|
|
scope and state of Cascading Style Sheets as of late 2010. This profile
|
|
includes only specifications that we consider stable <em>and</em> for
|
|
which we have enough implementation experience that we are sure of that
|
|
stability.
|
|
|
|
<p>Note that this is not intended to be a CSS Desktop Browser Profile:
|
|
inclusion in this profile is based on feature stability only and not on
|
|
expected use or Web browser adoption. This profile defines CSS in its most
|
|
complete form.
|
|
|
|
<p>Note also that although we don't anticipate significant changes to the
|
|
specifications that form this snapshot, their inclusion does are not mean
|
|
they are frozen. The Working Group will continue to address problems as
|
|
they are found in these specs. Implementers should monitor <a
|
|
href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> and/or
|
|
the <a href="http://www.w3.org/blog/CSS">CSS Working Group Blog</a> for
|
|
any resulting changes, corrections, or clarifications.
|
|
|
|
<h3 id=w3c-process><span class=secno>1.1. </span>The W3C Process and CSS</h3>
|
|
|
|
<p><em>This section is non-normative.</em>
|
|
|
|
<p>In the <a href="http://www.w3.org/2005/10/Process-20051014/">W3C
|
|
Process</a>, a Recommendation-track document passes through five levels of
|
|
stability, summarized below:
|
|
|
|
<dl style="list-style-type: decimal">
|
|
<dt>Working Draft (WD)
|
|
|
|
<dd>Published during the process of drafting the specification, the
|
|
purpose of a public Working Draft is to create a snapshot of the
|
|
specification's current state and to solicit input from the W3C and the
|
|
public. The document is known to be unstable, and is often incomplete.
|
|
|
|
<dt>Last Call Working Draft (LC or LCWD)
|
|
|
|
<dd>By publishing a Last Call Working Draft, a working group is expressing
|
|
that they consider the spec to be complete and all issues to be resolved.
|
|
Publishing a Last Call Working Draft announces that this specification
|
|
will move toward Candidate Recommendation unless significant issues are
|
|
brought up. The Last Call period is a last chance for others to submit
|
|
issues before the transition to CR.
|
|
|
|
<dt>Candidate Recommendation (CR)
|
|
|
|
<dd>By publishing a Candidate Recommendation, a working group is
|
|
expressing that have resolved all known issues and they believe the spec
|
|
is ready for implementation.
|
|
|
|
<dt>Proposed Recommendation (PR)
|
|
|
|
<dd>To exit CR and enter this stage, the spec needs a comprehensive test
|
|
suite and implementation reports proving that every feature in the spec
|
|
is interoperably implemented in at least two shipping implementations.
|
|
Entering the Proposed Recommendation stage signals to the W3C that these
|
|
requirements have been met. Once the W3C officially approves the
|
|
specification, it becomes a Recommendation.
|
|
|
|
<dt>Recommendation (REC)
|
|
|
|
<dd>This is the final stage. At this point there should need to be no more
|
|
changes.
|
|
</dl>
|
|
|
|
<p>In the CSSWG's experience, the recommendation track is not linear. The
|
|
wider review triggered by an LCWD often results in at least another
|
|
working draft, possibly several. More significantly, our experience is
|
|
that many specs enter CR twice, because implementation testing often
|
|
uncovers significant problems in the spec and thus pushes it back to
|
|
working draft. Additionally, fixing even minor problems forces a CR to
|
|
re-enter the Working Draft stage. As a result, although the CSSWG has a
|
|
clear idea of the stability of the CSS specs, it is very difficult for
|
|
someone outside the working group to come to that same understanding based
|
|
on a specification's official status. The CSS Working Group's motivation
|
|
for creating this document is thus to communicate to others our
|
|
understanding of the state of CSS.
|
|
|
|
<h2 id=css-levels><span class=secno>2. </span>CSS Levels</h2>
|
|
|
|
<p>Cascading Style Sheets does not have versions in the traditional sense;
|
|
instead it has <dfn id=levels>levels</dfn>. Each level of CSS builds on
|
|
the previous, refining definitions and adding features. The feature set of
|
|
each higher level is a superset of any lower level, and the behavior
|
|
allowed for a given feature in a higher level is a subset of that allowed
|
|
in the lower levels. A user agent conforming to a higher level of CSS is
|
|
thus also conformant to all lower levels.
|
|
|
|
<h3 id=css1><span class=secno>2.1. </span>CSS Level 1</h3>
|
|
|
|
<p>The CSS Working Group considers the <a
|
|
href="http://www.w3.org/TR/2008/REC-CSS1-20080411/">CSS1 specification</a>
|
|
to be obsolete. <dfn id=css-level-1>CSS Level 1</dfn> is defined as all
|
|
the features defined in the CSS1 specification (properties, values,
|
|
at-rules, etc), but using the syntax and definitions in the <a
|
|
href="http://www.w3.org/TR/CSS21/">CSS2.1 specification</a>. <a
|
|
href="http://www.w3.org/TR/css-style-attr/">CSS Style Attributes</a>
|
|
defines its inclusion in element-specific style attributes.
|
|
|
|
<h3 id=css2><span class=secno>2.2. </span>CSS Level 2</h3>
|
|
|
|
<p>Although the <a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/">CSS2
|
|
specification</a> is technically a W3C Recommendation, it passed into the
|
|
Recommendation stage before the W3C had defined the Candidate
|
|
Recommendation stage. Over time implementation experience and further
|
|
review has brought to light many problems in the CSS2 specification, so
|
|
instead of expanding an already <a
|
|
href="http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html">unwieldy
|
|
errata list</a>, the CSS Working Group chose to define <cite>CSS Level 2
|
|
Revision 1</cite> (CSS2.1). In case of any conflict between the two specs
|
|
CSS2.1 contains the definitive definition.
|
|
|
|
<p>Once CSS2.1 became Candidate Recommendation—effectively though not
|
|
officially the same level of stability as CSS2—obsoleted the CSS2
|
|
Recommendation. Features in CSS2 that were dropped from CSS2.1 should be
|
|
considered to be at the Candidate Recommendation stage, but note that many
|
|
of these have been or will be pulled into a CSS Level 3 working draft, in
|
|
which case that specification will, once it reaches CR, obsolete the
|
|
definitions in CSS2.
|
|
|
|
<p>The <a href="http://www.w3.org/TR/CSS21/">CSS2.1 specification</a>
|
|
defines <dfn id=css-level-2>CSS Level 2</dfn> and the <a
|
|
href="http://www.w3.org/TR/css-style-attr/">CSS Style Attributes
|
|
specification</a> defines its inclusion in element-specific style
|
|
attributes.
|
|
|
|
<h3 id=css3><span class=secno>2.3. </span>CSS Level 3</h3>
|
|
|
|
<p><em>This section is non-normative.</em>
|
|
|
|
<p>CSS Level 3 builds on CSS Level 2 module by module, using the CSS2.1
|
|
specification as its core. Each module adds functionality and/or replaces
|
|
part of the CSS2.1 specification. The CSS Working Group intends that the
|
|
new CSS modules will not contradict the CSS2.1 specification: only that
|
|
they will add functionality and refine definitions. As each module is
|
|
completed, it will be plugged in to the existing system of CSS2.1 plus
|
|
previously-completed modules.
|
|
|
|
<p>From this level on modules are levelled independently: for example
|
|
Selectors Level 4 may well be defined before CSS Line Module Level 3.
|
|
|
|
<h2 id=css><span class=secno>3. </span>Cascading Style Sheets Definition</h2>
|
|
|
|
<p>As of 2010, <dfn id=cascading-style-sheets-css>Cascading Style Sheets
|
|
(CSS)</dfn> is defined by the following specifications.
|
|
|
|
<ol>
|
|
<li><a href="http://www.w3.org/TR/CSS21/">CSS Level 2 Revision 1</a>
|
|
(including errata)
|
|
|
|
<li><a href="http://www.w3.org/TR/css-style-attr/">CSS Style
|
|
Attributes</a>
|
|
|
|
<li><a href="http://www.w3.org/TR/css3-mediaqueries/">Media Queries Level
|
|
3</a>
|
|
|
|
<li><a href="http://www.w3.org/TR/css3-namespace/">CSS Namespaces</a>
|
|
|
|
<li><a href="http://www.w3.org/TR/css3-selectors/">Selectors Level 3</a>
|
|
|
|
<li><a href="http://www.w3.org/TR/css3-color/">CSS Color Level 3</a>
|
|
</ol>
|
|
|
|
<h3 id=partial><span class=secno>3.1. </span>Partial Implementations</h3>
|
|
|
|
<p>So that authors can exploit the forward-compatible parsing rules to
|
|
assign fallback values, CSS renderers <strong>must</strong> treat as
|
|
invalid (and <a
|
|
href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignore as
|
|
appropriate</a>) any at-rules, properties, property values, keywords, and
|
|
other syntactic constructs for which they have no usable level of support.
|
|
In particular, user agents <strong>must not</strong> selectively ignore
|
|
unsupported property values and honor supported values in a single
|
|
multi-value property declaration: if any value is considered invalid (as
|
|
unsupported values must be), CSS requires that the entire declaration be
|
|
ignored.
|
|
|
|
<h3 id=profiles><span class=secno>3.2. </span>CSS Profiles</h3>
|
|
|
|
<p>Not all implementations will implement all functionality defined in CSS.
|
|
For example, an implementation may choose to implement only the
|
|
functionality required by a CSS Profile. Profiles define a subset of CSS
|
|
considered fundamental for a specific class of CSS implementations. The
|
|
W3C CSS Working Group defines the following CSS profiles:
|
|
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css-mobile/">CSS Mobile Profile 2.0</a>
|
|
|
|
<li><a href="http://www.w3.org/TR/css-print/">CSS Print Profile 1.0</a>
|
|
|
|
<li><a href="http://www.w3.org/TR/css-tv">CSS TV Profile 1.0</a>
|
|
</ul>
|
|
|
|
<h3 id=experimental><span class=secno>3.3. </span>Experimental
|
|
Implementations</h3>
|
|
|
|
<p>To avoid clashes with future CSS features, the CSS2.1 specification
|
|
reserves a <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">prefixed
|
|
syntax</a> for proprietary and experimental extensions to CSS.
|
|
|
|
<p>Prior to a specification reaching the Candidate Recommendation stage in
|
|
the W3C process, all implementations of a CSS feature are considered
|
|
experimental. The CSS Working Group recommends that implementations use a
|
|
vendor-prefixed syntax for such features, including those in W3C Working
|
|
Drafts. This avoids incompatibilities with future changes in the draft.
|
|
|
|
<p class=note>For legacy reasons, certain experimental CSS properties do
|
|
not follow this prefixing convention. Two common examples are the
|
|
‘<code class=property>word-wrap</code>’ and ‘<code
|
|
class=property>text-overflow</code>’ properties, which were
|
|
introduced unprefixed by Microsoft Internet Explorer prior to the
|
|
introduction of the vendor prefixing policy in CSS2.1 and were
|
|
subsequently implemented unprefixed by other browsers, creating a
|
|
dependency on the unprefixed names despite the lack of a W3C spec. Any
|
|
other legacy exceptions should be made in consultation with the CSS
|
|
Working Group.
|
|
|
|
<h3 id=testing><span class=secno>3.4. </span>Non-Experimental
|
|
Implementations</h3>
|
|
|
|
<p>Once a specification reaches the Candidate Recommendation stage,
|
|
non-experimental implementations are possible, and implementors should
|
|
release an unprefixed implementation of any CR-level feature they can
|
|
demonstrate to be correctly implemented according to spec.
|
|
|
|
<p>To establish and maintain the interoperability of CSS across
|
|
implementations, the CSS Working Group requests that non-experimental CSS
|
|
renderers submit an implementation report (and, if necessary, the
|
|
testcases used for that implementation report) to the W3C before releasing
|
|
an unprefixed implementation of any CSS features. Testcases submitted to
|
|
W3C are subject to review and correction by the CSS Working Group.
|
|
|
|
<p>Further information on submitting testcases and implementation reports
|
|
can be found from on the CSS Working Group's website at <a
|
|
href="http://www.w3.org/Style/CSS/Test/">http://www.w3.org/Style/CSS/Test/</a>.
|
|
Questions should be directed to the <a
|
|
href="http://lists.w3.org/Archives/Public/public-css-testsuite">public-css-testsuite@w3.org</a>
|
|
mailing list.
|
|
|
|
<p>CSS2.1 implementations are encouraged, but not required, to submit an
|
|
implementation report.
|
|
|
|
<h2 id=indices><span class=secno>4. </span>Indices</h2>
|
|
|
|
<p><em>These sections are non-normative.</em>
|
|
|
|
<h3 id=properties><span class=secno>4.1. </span>Property Index</h3>
|
|
|
|
<table class=proptable>
|
|
<thead>
|
|
<tr>
|
|
<th>Name
|
|
|
|
<th>Values
|
|
|
|
<th>Initial value
|
|
|
|
<th>Applies to
|
|
|
|
<th>Inherited?
|
|
|
|
<th>Percentages
|
|
|
|
<th>Media
|
|
|
|
<tbody>
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment"><code>background-attachment</code></a>
|
|
|
|
|
|
<td>scroll | fixed | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>scroll
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color"><code>background-color</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-color/#colorunits"><color></a> |
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>transparent
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image"><code>background-image</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri"><uri></a>
|
|
| none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position"><code>background-position</code></a>
|
|
|
|
|
|
<td>[ [ <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| left | center | right ] [ <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| top | center | bottom ]? ] | [ [ left | center | right ] || [ top |
|
|
center | bottom ] ] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0% 0%
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>refer to the size of the box itself
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat"><code>background-repeat</code></a>
|
|
|
|
|
|
<td>repeat | repeat-x | repeat-y | no-repeat | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>repeat
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background"><code>background</code></a>
|
|
|
|
|
|
<td>[<a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color">‘<code
|
|
class=property>background-color</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image">‘<code
|
|
class=property>background-image</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat">‘<code
|
|
class=property>background-repeat</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment">‘<code
|
|
class=property>background-attachment</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position"><code>background-position</code></a>]
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>allowed on ‘<code
|
|
class=property>background-position</code>’
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse"><code>border-collapse</code></a>
|
|
|
|
|
|
<td>collapse | separate | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>separate
|
|
|
|
<td>‘<code class=property>table</code>’ and ‘<code
|
|
class=property>inline-table</code>’ elements
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color"><code>border-color</code></a>
|
|
|
|
|
|
<td>[ <a
|
|
href="http://www.w3.org/TR/css3-color/#colorunits"><color></a>
|
|
]{1,4} | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing"><code>border-spacing</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>?
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0
|
|
|
|
<td>‘<code class=property>table</code>’ and ‘<code
|
|
class=property>inline-table</code>’ elements
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-style"><code>border-style</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style"><border-style></a>{1,4}
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top"><code>border-top</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right"><code>border-right</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom"><code>border-bottom</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left"><code>border-left</code></a>
|
|
|
|
|
|
<td>[ <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width"><border-width></a>
|
|
|| <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style"><border-style></a>
|
|
|| <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color"><code>border-top-color</code></a>
|
|
] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color"><code>border-top-color</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color"><code>border-right-color</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color"><code>border-bottom-color</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color"><code>border-left-color</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-color/#colorunits"><color></a> |
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>the value of the ‘<code class=property>color</code>’
|
|
property
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style"><code>border-top-style</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style"><code>border-right-style</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style"><code>border-bottom-style</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style"><code>border-left-style</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style"><border-style></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width"><code>border-top-width</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width"><code>border-right-width</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width"><code>border-bottom-width</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width"><code>border-left-width</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width"><border-width></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>medium
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width"><code>border-width</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width"><border-width></a>{1,4}
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border"><code>border</code></a>
|
|
|
|
|
|
<td>[ <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width"><border-width></a>
|
|
|| <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style"><border-style></a>
|
|
|| <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color"><code>border-top-color</code></a>
|
|
] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom"><code>bottom</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>positioned elements
|
|
|
|
<td>no
|
|
|
|
<td>refer to height of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side"><code>caption-side</code></a>
|
|
|
|
|
|
<td>top | bottom | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>top
|
|
|
|
<td>‘<code class=property>table-caption</code>’ elements
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear"><code>clear</code></a>
|
|
|
|
|
|
<td>none | left | right | both | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>block-level elements
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip"><code>clip</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/visufx.html#value-def-shape"><shape></a>
|
|
| auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>absolutely positioned elements
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/css3-color/#foreground"><code>color</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-color/#colorunits"><color></a> |
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>depends on user agent
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"><code>content</code></a>
|
|
|
|
|
|
<td>normal | none | [ <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string"><string></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri"><uri></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-counter"><counter></a>
|
|
| attr(<a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier"><identifier></a>)
|
|
| open-quote | close-quote | no-open-quote | no-close-quote ]+ | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>:before and :after pseudo-elements
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment"><code>counter-increment</code></a>
|
|
|
|
|
|
<td>[ <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier"><identifier></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer"><integer></a>?
|
|
]+ | none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset"><code>counter-reset</code></a>
|
|
|
|
|
|
<td>[ <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier"><identifier></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer"><integer></a>?
|
|
]+ | none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor"><code>cursor</code></a>
|
|
|
|
|
|
<td>[ [<a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri"><uri></a>
|
|
,]* [ auto | crosshair | default | pointer | move | e-resize |
|
|
ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize |
|
|
w-resize | text | wait | help | progress ] ] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"><code>direction</code></a>
|
|
|
|
|
|
<td>ltr | rtl | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>ltr
|
|
|
|
<td>all elements, but see prose
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display"><code>display</code></a>
|
|
|
|
|
|
<td>inline | block | list-item | inline-block | table | inline-table |
|
|
table-row-group | table-header-group | table-footer-group | table-row |
|
|
table-column-group | table-column | table-cell | table-caption | none |
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>inline
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells"><code>empty-cells</code></a>
|
|
|
|
|
|
<td>show | hide | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>show
|
|
|
|
<td>‘<code class=property>table-cell</code>’ elements
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float"><code>float</code></a>
|
|
|
|
|
|
<td>left | right | none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>all, but see <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">9.7</a>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family"><code>font-family</code></a>
|
|
|
|
|
|
<td>[ [ <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#value-def-family-name"><family-name></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#value-def-generic-family"><generic-family></a>
|
|
] [, <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#value-def-family-name"><family-name></a>|
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#value-def-generic-family"><generic-family></a>
|
|
]* ] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>depends on user agent
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size"><code>font-size</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#value-def-absolute-size"><absolute-size></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#value-def-relative-size"><relative-size></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>medium
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>refer to inherited font size
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style"><code>font-style</code></a>
|
|
|
|
|
|
<td>normal | italic | oblique | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant"><code>font-variant</code></a>
|
|
|
|
|
|
<td>normal | small-caps | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight"><code>font-weight</code></a>
|
|
|
|
|
|
<td>normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600
|
|
| 700 | 800 | 900 | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font"><code>font</code></a>
|
|
|
|
|
|
<td>[ [ <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style">‘<code
|
|
class=property>font-style</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant">‘<code
|
|
class=property>font-variant</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight">‘<code
|
|
class=property>font-weight</code>’</a> ]? <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size">‘<code
|
|
class=property>font-size</code>’</a> [ / <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height">‘<code
|
|
class=property>line-height</code>’</a> ]? <a
|
|
href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family"><code>font-family</code></a>
|
|
] | caption | icon | menu | message-box | small-caption | status-bar |
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>see individual properties
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height"><code>height</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>all elements but non-replaced inline elements, table columns, and
|
|
column groups
|
|
|
|
<td>no
|
|
|
|
<td>see prose
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left"><code>left</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>positioned elements
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing"><code>letter-spacing</code></a>
|
|
|
|
|
|
<td>normal | <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height"><code>line-height</code></a>
|
|
|
|
|
|
<td>normal | <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-number"><number></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>refer to the font size of the element itself
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image"><code>list-style-image</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri"><uri></a>
|
|
| none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>elements with ‘<code class=css>display:
|
|
list-item</code>’
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position"><code>list-style-position</code></a>
|
|
|
|
|
|
<td>inside | outside | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>outside
|
|
|
|
<td>elements with ‘<code class=css>display:
|
|
list-item</code>’
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type"><code>list-style-type</code></a>
|
|
|
|
|
|
<td>disc | circle | square | decimal | decimal-leading-zero |
|
|
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin |
|
|
armenian | georgian | lower-alpha | upper-alpha | none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>disc
|
|
|
|
<td>elements with ‘<code class=css>display:
|
|
list-item</code>’
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style"><code>list-style</code></a>
|
|
|
|
|
|
<td>[ <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">‘<code
|
|
class=property>list-style-type</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position">‘<code
|
|
class=property>list-style-position</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image"><code>list-style-image</code></a>
|
|
] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>elements with ‘<code class=css>display:
|
|
list-item</code>’
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right"><code>margin-right</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left"><code>margin-left</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-margin-width"><margin-width></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0
|
|
|
|
<td>all elements except elements with table display types other than
|
|
table-caption, table and inline-table
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top"><code>margin-top</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom"><code>margin-bottom</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-margin-width"><margin-width></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0
|
|
|
|
<td>all elements except elements with table display types other than
|
|
table-caption, table and inline-table
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-margin"><code>margin</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-margin-width"><margin-width></a>{1,4}
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>all elements except elements with table display types other than
|
|
table-caption, table and inline-table
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height"><code>max-height</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>all elements but non-replaced inline elements, table columns, and
|
|
column groups
|
|
|
|
<td>no
|
|
|
|
<td>see prose
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width"><code>max-width</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>all elements but non-replaced inline elements, table rows, and row
|
|
groups
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height"><code>min-height</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0
|
|
|
|
<td>all elements but non-replaced inline elements, table columns, and
|
|
column groups
|
|
|
|
<td>no
|
|
|
|
<td>see prose
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width"><code>min-width</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0
|
|
|
|
<td>all elements but non-replaced inline elements, table rows, and row
|
|
groups
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/css3-color/#transparency"><code>opacity</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-number"><number></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>1
|
|
|
|
<td>all
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/page.html#propdef-orphans"><code>orphans</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer"><integer></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>2
|
|
|
|
<td>block container elements
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color"><code>outline-color</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-color/#colorunits"><color></a> |
|
|
invert | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>invert
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style"><code>outline-style</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style"><border-style></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width"><code>outline-width</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width"><border-width></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>medium
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline"><code>outline</code></a>
|
|
|
|
|
|
<td>[ <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color">‘<code
|
|
class=property>outline-color</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style">‘<code
|
|
class=property>outline-style</code>’</a> || <a
|
|
href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width"><code>outline-width</code></a>
|
|
] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow"><code>overflow</code></a>
|
|
|
|
|
|
<td>visible | hidden | scroll | auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>visible
|
|
|
|
<td>block containers
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top"><code>padding-top</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right"><code>padding-right</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom"><code>padding-bottom</code></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left"><code>padding-left</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-padding-width"><padding-width></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0
|
|
|
|
<td>all elements except table-row-group, table-header-group,
|
|
table-footer-group, table-row, table-column-group and table-column
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/box.html#propdef-padding"><code>padding</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/box.html#value-def-padding-width"><padding-width></a>{1,4}
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>see individual properties
|
|
|
|
<td>all elements except table-row-group, table-header-group,
|
|
table-footer-group, table-row, table-column-group and table-column
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-after"><code>page-break-after</code></a>
|
|
|
|
|
|
<td>auto | always | avoid | left | right | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>block-level elements (but see text)
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-before"><code>page-break-before</code></a>
|
|
|
|
|
|
<td>auto | always | avoid | left | right | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>block-level elements (but see text)
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside"><code>page-break-inside</code></a>
|
|
|
|
|
|
<td>avoid | auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>block-level elements (but see text)
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"><code>position</code></a>
|
|
|
|
|
|
<td>static | relative | absolute | fixed | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>static
|
|
|
|
<td>
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes"><code>quotes</code></a>
|
|
|
|
|
|
<td>[<a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string"><string></a>
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string"><string></a>]+
|
|
| none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>depends on user agent
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right"><code>right</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>positioned elements
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout"><code>table-layout</code></a>
|
|
|
|
|
|
<td>auto | fixed | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>‘<code class=property>table</code>’ and ‘<code
|
|
class=property>inline-table</code>’ elements
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align"><code>text-align</code></a>
|
|
|
|
|
|
<td>left | right | center | justify | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>a nameless value that acts as ‘<code
|
|
class=property>left</code>’ if ‘<code
|
|
class=property>direction</code>’ is ‘<code
|
|
class=property>ltr</code>’, ‘<code
|
|
class=property>right</code>’ if ‘<code
|
|
class=property>direction</code>’ is ‘<code
|
|
class=property>rtl</code>’
|
|
|
|
<td>block containers
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration"><code>text-decoration</code></a>
|
|
|
|
|
|
<td>none | [ underline || overline || line-through || blink ] | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>
|
|
|
|
<td>no (see prose)
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent"><code>text-indent</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>0
|
|
|
|
<td>block containers
|
|
|
|
<td>yes
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform"><code>text-transform</code></a>
|
|
|
|
|
|
<td>capitalize | uppercase | lowercase | none | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>none
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top"><code>top</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>positioned elements
|
|
|
|
<td>no
|
|
|
|
<td>refer to height of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"><code>unicode-bidi</code></a>
|
|
|
|
|
|
<td>normal | embed | bidi-override | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>all elements, but see prose
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align"><code>vertical-align</code></a>
|
|
|
|
|
|
<td>baseline | sub | super | top | text-top | middle | bottom |
|
|
text-bottom | <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>baseline
|
|
|
|
<td>inline-level and ‘<code
|
|
class=property>table-cell</code>’ elements
|
|
|
|
<td>no
|
|
|
|
<td>refer to the ‘<code class=property>line-height</code>’
|
|
of the element itself
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility"><code>visibility</code></a>
|
|
|
|
|
|
<td>visible | hidden | collapse | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>visible
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space"><code>white-space</code></a>
|
|
|
|
|
|
<td>normal | pre | nowrap | pre-wrap | pre-line | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/page.html#propdef-widows"><code>widows</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer"><integer></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>2
|
|
|
|
<td>block container elements
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
|
|
<a
|
|
href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width"><code>width</code></a>
|
|
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage"><percentage></a>
|
|
| auto | <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>all elements but non-replaced inline elements, table rows, and row
|
|
groups
|
|
|
|
<td>no
|
|
|
|
<td>refer to width of containing block
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing"><code>word-spacing</code></a>
|
|
|
|
|
|
<td>normal | <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length"><length></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>normal
|
|
|
|
<td>
|
|
|
|
<td>yes
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
|
|
<tr>
|
|
<th scope=row> <a
|
|
href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index"><code>z-index</code></a>
|
|
|
|
|
|
<td>auto | <a
|
|
href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer"><integer></a>
|
|
| <a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
|
|
|
|
|
|
<td>auto
|
|
|
|
<td>positioned elements
|
|
|
|
<td>no
|
|
|
|
<td>
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
|
|
|
|
</table>
|
|
|
|
<h3 id=selectors><span class=secno>4.2. </span>Selector Index</h3>
|
|
|
|
<table class=data>
|
|
<thead>
|
|
<tr>
|
|
<th class=pattern>Pattern
|
|
|
|
<th>Meaning
|
|
|
|
<th>Described in section
|
|
|
|
<th>First defined in level
|
|
|
|
<tbody>
|
|
<tr>
|
|
<th scope=row> *
|
|
|
|
<td>any element
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#universal-selector">Universal
|
|
selector</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E
|
|
|
|
<td>an element of type E
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#type-selectors">Type
|
|
selector</a>
|
|
|
|
<td>1
|
|
|
|
<tr>
|
|
<th scope=row> E[foo]
|
|
|
|
<td>an E element with a "foo" attribute
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
|
|
selectors</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E[foo="bar"]
|
|
|
|
<td>an E element whose "foo" attribute value is exactly equal to "bar"
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
|
|
selectors</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E[foo~="bar"]
|
|
|
|
<td>an E element whose "foo" attribute value is a list of
|
|
whitespace-separated values, one of which is exactly equal to "bar"
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
|
|
selectors</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E[foo^="bar"]
|
|
|
|
<td>an E element whose "foo" attribute value begins exactly with the
|
|
string "bar"
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
|
|
selectors</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E[foo$="bar"]
|
|
|
|
<td>an E element whose "foo" attribute value ends exactly with the
|
|
string "bar"
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
|
|
selectors</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E[foo*="bar"]
|
|
|
|
<td>an E element whose "foo" attribute value contains the substring
|
|
"bar"
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
|
|
selectors</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E[foo|="en"]
|
|
|
|
<td>an E element whose "foo" attribute has a hyphen-separated list of
|
|
values beginning (from the left) with "en"
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
|
|
selectors</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E:root
|
|
|
|
<td>an E element, root of the document
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:nth-child(n)
|
|
|
|
<td>an E element, the n-th child of its parent
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:nth-last-child(n)
|
|
|
|
<td>an E element, the n-th child of its parent, counting from the last
|
|
one
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:nth-of-type(n)
|
|
|
|
<td>an E element, the n-th sibling of its type
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:nth-last-of-type(n)
|
|
|
|
<td>an E element, the n-th sibling of its type, counting from the last
|
|
one
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:first-child
|
|
|
|
<td>an E element, first child of its parent
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E:last-child
|
|
|
|
<td>an E element, last child of its parent
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:first-of-type
|
|
|
|
<td>an E element, first sibling of its type
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:last-of-type
|
|
|
|
<td>an E element, last sibling of its type
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:only-child
|
|
|
|
<td>an E element, only child of its parent
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:only-of-type
|
|
|
|
<td>an E element, only sibling of its type
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:empty
|
|
|
|
<td>an E element that has no children (including text nodes)
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
|
|
pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:link<br>
|
|
E:visited
|
|
|
|
<td>an E element being the source anchor of a hyperlink of which the
|
|
target is not yet visited (:link) or already visited (:visited)
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#link">The link
|
|
pseudo-classes</a>
|
|
|
|
<td>1
|
|
|
|
<tr>
|
|
<th scope=row> E:active<br>
|
|
E:hover<br>
|
|
E:focus
|
|
|
|
<td>an E element during certain user actions
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#useraction-pseudos">The user
|
|
action pseudo-classes</a>
|
|
|
|
<td>1 and 2
|
|
|
|
<tr>
|
|
<th scope=row> E:target
|
|
|
|
<td>an E element being the target of the referring URI
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#target-pseudo">The
|
|
target pseudo-class</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:lang(fr)
|
|
|
|
<td>an element of type E in language "fr" (the document language
|
|
specifies how language is determined)
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#lang-pseudo">The
|
|
:lang() pseudo-class</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E:enabled<br>
|
|
E:disabled
|
|
|
|
<td>a user interface element E which is enabled or disabled
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#UIstates">The UI
|
|
element states pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E:checked<!--<br>E:indeterminate-->
|
|
|
|
<td>a user interface element E which is checked<!-- or in an
|
|
indeterminate state-->
|
|
(for instance a radio-button or checkbox)
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#UIstates">The UI
|
|
element states pseudo-classes</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E::first-line
|
|
|
|
<td>the first formatted line of an E element
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#first-line">The
|
|
::first-line pseudo-element</a>
|
|
|
|
<td>1
|
|
|
|
<tr>
|
|
<th scope=row> E::first-letter
|
|
|
|
<td>the first formatted letter of an E element
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#first-letter">The
|
|
::first-letter pseudo-element</a>
|
|
|
|
<td>1
|
|
|
|
<tr>
|
|
<th scope=row> E::before
|
|
|
|
<td>generated content before an E element
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#gen-content">The
|
|
::before pseudo-element</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E::after
|
|
|
|
<td>generated content after an E element
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#gen-content">The
|
|
::after pseudo-element</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E.warning
|
|
|
|
<td>an E element whose class is "warning" (the document language
|
|
specifies how class is determined).
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#class-html">Class
|
|
selectors</a>
|
|
|
|
<td>1
|
|
|
|
<tr>
|
|
<th scope=row> E#myid
|
|
|
|
<td>an E element with ID equal to "myid".
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#id-selectors">ID
|
|
selectors</a>
|
|
|
|
<td>1
|
|
|
|
<tr>
|
|
<th scope=row> E:not(s)
|
|
|
|
<td>an E element that does not match simple selector s
|
|
|
|
<td><a href="http://www.w3.org/TR/css3-selectors/#negation">Negation
|
|
pseudo-class</a>
|
|
|
|
<td>3
|
|
|
|
<tr>
|
|
<th scope=row> E F
|
|
|
|
<td>an F element descendant of an E element
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#descendant-combinators">Descendant
|
|
combinator</a>
|
|
|
|
<td>1
|
|
|
|
<tr>
|
|
<th scope=row> E > F
|
|
|
|
<td>an F element child of an E element
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#child-combinators">Child
|
|
combinator</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E + F
|
|
|
|
<td>an F element immediately preceded by an E element
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators">Adjacent
|
|
sibling combinator</a>
|
|
|
|
<td>2
|
|
|
|
<tr>
|
|
<th scope=row> E ~ F
|
|
|
|
<td>an F element preceded by an E element
|
|
|
|
<td><a
|
|
href="http://www.w3.org/TR/css3-selectors/#general-sibling-combinators">General
|
|
sibling combinator</a>
|
|
|
|
<td>3
|
|
</table>
|
|
|
|
<h3 id=at-rules><span class=secno>4.3. </span>At-Rule Index</h3>
|
|
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#charset">@charset</a>
|
|
|
|
|
|
<li><a
|
|
href="http://www.w3.org/TR/CSS21/cascade.html#at-import">@import</a>,
|
|
with the media list replaced by a <a
|
|
href="http://www.w3.org/TR/css3-mediaqueries/">media query list</a>
|
|
|
|
<li><a
|
|
href="http://www.w3.org/TR/CSS21/media.html#at-media-rule">@media</a>,
|
|
with the media list replaced by a <a
|
|
href="http://www.w3.org/TR/css3-mediaqueries/">media query list</a>
|
|
|
|
<li><a href="http://www.w3.org/TR/CSS21/page.html#page-box">@page</a>
|
|
</ul>
|