161 lines
7.7 KiB
HTML
Executable File
161 lines
7.7 KiB
HTML
Executable File
<!doctype html>
|
|
<html lang=en>
|
|
<meta charset=utf-8>
|
|
<meta name=viewport content="width=device-width">
|
|
<link rel=icon href="../res/css.ico">
|
|
<meta name=description content="Rijk's CSS Quick Reference - pick style properties, selectors, values, at-rules etc from the lists and see their specification right in the CSS modules.">
|
|
<base target="_content">
|
|
<title>CSS - Values</title>
|
|
<link rel=stylesheet href="../res/qr.css">
|
|
|
|
<nav>
|
|
<a href="index.html" title="CSS Properties Index" target="_self">All</a><a href="prop-visual.html" title="Visual Media Properties" target="_self">Vis</a><a href="prop-interactive.html" title="Interactive Properties" target="_self">Int</a><a href="prop-paged.html" title="Paged Media Properties" target="_self">Pg</a><a href="prop-speech.html" title="Speech Properties" target="_self">Sp</a>
|
|
<a href="sel.html" title="Selectors" target="_self">Sel</a><a href="val.html" title="Value Types" target="_self" id="current">Val</a><a href="at.html" title="@ Rules" target="_self">@</a>
|
|
<a href="toc.html" title="CSS Specs Table of Contents" target="_self">TOCs</a>
|
|
</nav>
|
|
|
|
<h1>Value Types and Units</h1>
|
|
|
|
<h2>Media Queries Rec 2012-06-19</h2>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-mediaqueries/#values"><ratio></a>
|
|
<li><a href="http://www.w3.org/TR/css3-mediaqueries/#values"><resolution></a>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-mediaqueries/#resolution0">dpi, dpcm</a>
|
|
</ul>
|
|
</ul>
|
|
|
|
<h2>Color Module Level 3 Rec 2011-06-07</h2>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-color/#colorunits"><color></a>
|
|
</ul>
|
|
|
|
<h2>Backgrounds and Borders Module Level 3 CR 2012-07-24</h2>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-background/#the-background-position"><position></a>
|
|
</ul>
|
|
|
|
<h2>Image Values and Replaced Content Module Level 3 CR 2012-04-17</h2>
|
|
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-images/#image-type"><image></a>
|
|
</ul>
|
|
<h3>Functional notation</h3>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-images/#image-notation">'image()'</a>
|
|
</ul>
|
|
|
|
<h3>Other Units</h3>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-images/#resolution-type"><resolution></a>
|
|
<ul>
|
|
<li>dpi, dpcm, dppx</a>
|
|
</ul>
|
|
</ul>
|
|
|
|
<h2>Speech Module CR 2012-03-20</h2>
|
|
|
|
<h3>Other Units</h3>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-speech/#voice-range"><semitones></a>
|
|
<ul>
|
|
<li>st
|
|
</ul>
|
|
<li><a href="http://www.w3.org/TR/css3-speech/#mixing-props-voice-volume"><decibel></a>
|
|
<ul>
|
|
<li>dB
|
|
</ul>
|
|
</ul>
|
|
|
|
<h2>Values and Units Module Level 3 CR 2013-04-04</h2>
|
|
|
|
<h3><a href="http://www.w3.org/TR/css3-values/#textual-values">Textual Data Types</a></h3>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#keywords">Keywords</a>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#common-keywords">initial, inherit</a>
|
|
</ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#strings"><string></a>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#urls"><url></a>
|
|
</ul>
|
|
|
|
<h3><a href="http://www.w3.org/TR/css3-values/#numeric-types">Numeric Data Types</a></h3>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#integers"><integer></a>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#numbers"><number></a>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#percentages"><percentage></a>
|
|
</ul>
|
|
|
|
<h3><a href="http://www.w3.org/TR/css3-values/#lengths">Distance Units: <length></a></h3>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#font-relative-lengths">Font-relative:</a> <a href="http://www.w3.org/TR/css3-values/#em-unit">em</a>, <a href="http://www.w3.org/TR/css3-values/#ex-unit">ex</a>, <a href="http://www.w3.org/TR/css3-values/#ch-unit">ch</a>, <a href="http://www.w3.org/TR/css3-values/#rem-unit">rem</a>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">Viewport-percentage:</a> <a href="http://www.w3.org/TR/css3-values/#vw-unit">vw</a>, <a href="http://www.w3.org/TR/css3-values/#vh-unit">vh</a>, <a href="http://www.w3.org/TR/css3-values/#vmin-unit">vmin</a>, <a href="http://www.w3.org/TR/css3-values/#vmax-unit">vmax</a>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#absolute-lengths">Absolute: cm, mm, in, pt, pc, px</a>
|
|
</ul>
|
|
|
|
<h3><a href="http://www.w3.org/TR/css3-values/#other-units">Other Units</a></h3>
|
|
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#angles"><angle></a>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#deg">deg</a>, <a href="http://www.w3.org/TR/css3-values/#grad">grad</a>, <a href="http://www.w3.org/TR/css3-values/#rad">rad</a>, <a href="http://www.w3.org/TR/css3-values/#turn">turn</a>
|
|
</ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#time"><time></a>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#ms">ms</a>, <a href="http://www.w3.org/TR/css3-values/#s">s</a>
|
|
</ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#frequency"><frequency></a>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#hz">Hz</a>, <a href="http://www.w3.org/TR/css3-values/#khz">kHz</a>
|
|
</ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#resolution"><resolution></a>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#dpi">dpi</a>, <a href="http://www.w3.org/TR/css3-values/#dpcm">dpcm</a>, <a href="http://www.w3.org/TR/css3-values/#dppx">dppx</a>
|
|
</ul>
|
|
</ul>
|
|
|
|
<h3><a href="http://www.w3.org/TR/css3-values/#defined-elsewhere">Defined elsewhere</a></h3>
|
|
<ul>
|
|
<li><color>: <a href="http://www.w3.org/TR/CSS21/syndata.html#color-units">CSS 2.1</a> and <a href="http://www.w3.org/TR/css3-color/#colorunits">CSS3 Color</a>
|
|
<li><image>: <a href="http://www.w3.org/TR/css3-values/#url-value"><url></a> and <a href="http://www.w3.org/TR/css3-images/#image-values">CSS3 Images</a>
|
|
<li><position>: <a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position">CSS 2.1</a> and <a href="http://www.w3.org/TR/css3-background/#the-background-position">CSS3 Borders and Background</a>
|
|
</ul>
|
|
|
|
<h3><a href="http://www.w3.org/TR/css3-values/#functional-notation">Functional notation</a></h3>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#calc-notation">'calc()'</a>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#toggle-notation">'toggle()'</a>
|
|
<li><a href="http://www.w3.org/TR/css3-values/#attr-notation">'attr()'</a>
|
|
</ul>
|
|
|
|
<h2>Custom Properties for Cascading Variables Module Level 1 WD 2013-03-12</h2>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css-variables/#using-variables">the 'var()' notation</a>
|
|
</ul>
|
|
|
|
<h2>Cascading and Inheritance Level 3 WD 2013-01-03</h2>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-cascade/#initial">initial</a>
|
|
<li><a href="http://www.w3.org/TR/css3-cascade/#inheritance">inherit</a>
|
|
<li><a href="http://www.w3.org/TR/css3-cascade/#default">default</a>
|
|
</ul>
|
|
|
|
<h2>Template Layout Module WD 2011-11-29</h2>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/css3-layout/#gr-unit">fr</a>
|
|
</ul>
|
|
|
|
<h2>CSS 2.1 Rec 2011-06-07</h2>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#numbers"><integer> and <number></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#length-units"><length></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units"><percentage></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#uri"><uri></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#counter"><counter></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#color-units"><color></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/syndata.html#strings"><string></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/aural.html#angles"><angle></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/aural.html#frequencies"><frequency></a>
|
|
<li><a href="http://www.w3.org/TR/CSS21/aural.html#times"><time></a>
|
|
</ul>
|