css 71.6 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355
<!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>&#xA0;<span class="cr">&#xBB;</span>&#xA0;</li>
          <li><a href="/standards/">Standards</a>&#xA0;<span class="cr">&#xBB;</span>&#xA0;</li>
          <li><a href="/TR/">All&#xA0;Standards&#xA0;and&#xA0;Drafts</a>&#xA0;<span class="cr">&#xBB;</span>&#xA0;</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&#xA0;work</a>
	  &#x2014;&#xA0;including&#xA0;<a href="#stds">standards</a>
      <span class="bullet">&#x2022; </span>
   </li>
   <li>
      <a href="#drafts">drafts</a>
      <span class="bullet">&#x2022; </span>
   </li>
   <li>
      <a href="#obsolete">obsolete&#xA0;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 &amp; 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>
	      &#xB7;
	    <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>
	      &#xB7;
	    <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>
	      &#xB7;
	    <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>
	      &#xB7;
	    <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&#xA0;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>
	      &#xB7;
	    <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>
	      &#xB7;
	    <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 &amp; 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&#xA0;3 relating
to borders and backgrounds. It includes and extends the
functionality of CSS level&#xA0;2 [CSS21], which builds on CSS
level&#xA0;1 [CSS1]
. The main extensions compared to level&#xA0;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. &#x2018;<code>screen</code>&#x2019; and
&#x2018;<code>print</code>&#x2019; 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 &#x2018;<code>width</code>&#x2019;, &#x2018;<code>height</code>&#x2019;, and
&#x2018;<code>color</code>&#x2019;. 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 &#x201C;marquee&#x201D; 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&#xA0;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&#xA0;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&#xA0;3 of CSS</em> (&#x201C;CSS3&#x201D;)
and contains features to describe layouts at a high level, meant
for tasks such as the positioning and alignment of &#x201C;widgets&#x201D; 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 &#x201C;profiles&#x201D; 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 &#x2013; multi-column layout and paged
media &#x2013; 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 &#x201C;flex&#x201D; 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 &#x201C;flow&#x201D; (i.e., the sequence of
blocks of text with margins in-between). It also defines &#x201C;floating&#x201D;
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&#xA0;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 &#x201C;cascading&#x201D;. 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 &#xA9; 2012 W3C <sup>&#xAE;</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>