Styles sheets optimization (for Safari)

This article was first published on css-101.org ().

Please note that selectors in the table below may be grouped differently than in the original UA’s styles sheet.

Custom Views

Because this is a large table, I am using :target to show sections. Unfortunately, this will collapse the whole table whenever following a link to the footnotes. You’ll have to hit the back button :-(

General Views

Group Views

mark, del and ins

The Cascade

Styles sheets are listed from left to right. This matches the sequence from which they are are imported.

  webkit html.css YUI reset.css (859 bytes) YUI base.css (761 bytes) YUI font.css (437 bytes) YUI combo.css(1,680 bytes) YUI "optimized.css" (839 bytes) Custom version starter file (761 bytes)
html display:block;
  • color:#000;
  • background:#FFF;
   
  • color:#000;
  • background:#FFF;
 
font:62.5%/1.3 sans-serif;
chilren of the <head>
head display:none;            
meta display:none;            
title display:none;            
link display:none;            
style display:none;            
script display:none;            
generic block level elements
body
  • display:block;
  • margin:8px;
  • margin:0;
  • padding:0;
 
  • font:13px/1.231 arial,helvetica,clean,sans-serif;
  • *font-size:small;
  • *font:x-small;
  • font:13px/1.231 arial,helvetica,clean,sans-serif;
  • *font-size:small;
  • *font:x-small;
  • margin:0;
  • padding:0;
  • font:13px/1.231 sans-serif;
  • margin:0;
  • margin:0;
  • font-size:1.3rem;
p
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • margin:0;
  • padding:0;
margin-bottom:1em;  
  • margin:0 0 1em 0 ;
  • padding:0;
margin-top:0;
  • margin-top:.8em;
  • margin-bottom:.8em;
div display:block;
  • margin:0;
  • padding:0;
   
  • margin:0;
  • padding:0;
   
layer display:block;            
article,
aside,
footer,
header,
hgroup,
nav,
section
display:block;            
marquee
  • display:inline-block;
  • overflow:-webkit-marquee;
           
address display:block;            
blockquote
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:40px;
  • -webkit-margin-end:40px;
  • margin:0;
  • padding:0;
margin:1em;
 
  • margin: 1em 1em 1em 1em;
  • padding:0;
  • margin-left:1em;
  • margin-right:1em;
  • margin-top:.8em;
  • margin-bottom:.8em;
  • margin-left:30px;
  • margin-right:30px;
figcaption display:block;            
figure
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:40px;
  • -webkit-margin-end:40px;
       
  • margin-left:1em;
  • margin-right:1em;
  • margin-top:.8em;
  • margin-bottom:.8em;
  • margin-left:30px;
  • margin-right:30px;
q display:inline;            
q:before
content:open-quote;
content:'';    
content:'';
content:'';
q:after
content:close-quote;
content:'';    
content:'';
content:'';
center
  • display:block;
  • text-align:-webkit-center;
           
hr
  • display:block;
  • -webkit-margin-before:.5em;
  • -webkit-margin-after:.5em;
  • -webkit-margin-start:auto;
  • -webkit-margin-end:auto;
  • border-style:inset;
  • border-width:1px;
           
map display:inline;            
heading elements
h1
  • display:block;
  • font-size:2em;
  • -webkit-margin-before:.67em;
  • -webkit-margin-after:.67em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
  • font-size:138.5%;
  • margin:1em 0;
  • font-weight:bold;
 
  • font-size:138.5%;
  • margin:1em 0 1em 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:138.5%;
  • margin-top:1em;
  • margin-bottom:1em;
  • font-size:1.55rem;
  • margin-top:1.15em;
  • margin-bottom:.3em;
:-webkit-any(article,aside,nav,section) h1
  • font-size:1.5em;
  • -webkit-margin-before:.83em;
  • -webkit-margin-after:.83em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:1.17em;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:1em;
  • -webkit-margin-before:1.33em;
  • -webkit-margin-after:1.33em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:.83em;
  • -webkit-margin-before:1.67em;
  • -webkit-margin-after:1.67em;
           
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1
  • font-size:.67em;
  • -webkit-margin-before:2.33em;
  • -webkit-margin-after:2.33em;
           
h2
  • display:block;
  • font-size:1.5em;
  • -webkit-margin-before:.83em;
  • -webkit-margin-after:.83em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
  • font-size:123.1%;
  • margin:1em 0;
  • font-weight:bold;
 
  • font-size:123.1%;
  • margin:1em 0 1em 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:123.1%;
  • margin-top:1em;
  • margin-bottom:1em;
  • font-size:1.5rem;
  • margin-top:1.1em;
  • margin-bottom:.4em;
h3
  • display:block;
  • font-size:1.17em;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
  • font-size:108%;
  • margin:1em 0;
  • font-weight:bold;
 
  • font-size:108%;
  • margin:1em 0;
  • padding:0;
  • font-weight:bold;
font-size:108%;
  • font-size:1.45rem;
  • margin-top:1.05em;
  • margin-bottom:.5em;
h4
  • display:block;
  • -webkit-margin-before:1.33em;
  • -webkit-margin-after:1.33em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
font-weight:bold;
 
  • font-size:100%;
  • margin:0 0 0 0 ;
  • padding:0;
  • font-weight:bold;
  • margin:0;
  • font-size:1.4rem;
  • margin-top:.95em;
  • margin-bottom:.6em;
h5
  • display:block;
  • font-size:.83em;
  • -webkit-margin-before:1.67em;
  • -webkit-margin-after:1.67em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
font-weight:bold;
 
  • font-size:100%;
  • margin:0 0 0 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:100%;
  • margin:0;
  • font-size:1.35rem;
  • margin-top:.85em;
  • margin-bottom:.7em;
h6
  • display:block;
  • font-size:.67em;
  • -webkit-margin-before:2.33em;
  • -webkit-margin-after:2.33em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-size:100%;
  • font-weight:normal;
font-weight:bold;
 
  • font-size:100%;
  • margin:0 0 0 0 ;
  • padding:0;
  • font-weight:bold;
  • font-size:100%;
  • margin:0;
  • font-size:1.3rem;
  • margin-top:.8em;
  • margin-bottom:.8em;
table
table
  • display:table;
  • border-collapse:separate;
  • border-spacing:2px;
  • border-color:gray;
  • border-collapse:collapse;
  • border-spacing:0;
margin-bottom:1em;
  • font-size:inherit;
  • font:100%;
  • font-size:inherit;
  • font:100%;
  • border-collapse:collapse;
  • border-spacing:0;
  • margin-bottom:1em;
  • font-size:inherit;
  • border-collapse:collapse;
  • border-spacing:0;
  • margin-bottom:1em;
  • margin-top:.8em;
  • margin-bottom:.8em;
  • border-collapse:collapse;
  • border-spacing:0;
thead
  • display:table-header-group;
  • vertical-align:middle;
  • border-color:inherit;
           
tbody
  • display:table-row-group;
  • vertical-align:middle;
  • border-color:inherit;
           
tfoot
  • display:table-footer-group;
  • vertical-align:middle;
  • border-color:inherit;
           
table > tr
vertical-align:middle;
           
col
display:table-column;
           
colgroup
display:table-column-group;
           
tr
  • display:table-row;
  • vertical-align:inherit;
  • border-color:inherit;
           
td
  • display:table-cell;
  • vertical-align:inherit;
  • margin:0;
  • padding:0;
  • border:1px solid #000;
  • padding:.5em;
 
  • margin:0;
  • border:1px solid #000;
  • padding:.5em;
  • border:1px solid #000;
  • padding:.5em;
  • border:1px solid #000;
  • padding:.5em;
tbody th            
text-align:start;
tbody td            
text-align:end;
th
  • display:table-cell;
  • vertical-align:inherit;
  • font-weight:bold;
  • margin:0;
  • padding:0;
  • font-style:normal;
  • font-weight:normal;
  • text-align:left;
  • border:1px solid #000;
  • padding:.5em;
  • font-weight:bold;
  • text-align:center;
 
  • margin:0;
  • padding:.5em;
  • font-style:normal;
  • border:1px solid #000;
  • font-weight:bold;
  • text-align:center;
  • border:1px solid #000;
  • padding:.5em;
  • border:1px solid #000;
  • padding:.5em;
caption
  • display:table-caption;
  • text-align:-webkit-center;
  • font-style:normal;
  • font-weight:normal;
  • text-align:left;
  • margin-bottom:.5em;
  • text-align:center;
 
  • font-style:normal;
  • font-weight:normal;
  • margin-bottom:.5em;
  • text-align:center;
margin-bottom:.5em;
margin-bottom:.5em;
lists
menu,
dir
  • display:block;
  • list-style-type:disc;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • -webkit-padding-start:40px;
         
  • margin-top:.8em;
  • margin-bottom:.8em;
ul
  • display:block;
  • list-style-type:disc;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • -webkit-padding-start:40px;
  • margin:0;
  • padding:0;
  • margin:1em;
  • margin-left:2em;
 
  • margin: 1em 1em 1em 2em;
  • padding: 0 0 0 0;
  • margin-right:1em;
  • -webkit-margin-start:2em;
  • padding:0;
  • -webkit-padding-start:30px;
  • margin-top:.8em;
  • margin-bottom:.8em;
ol
  • display:block;
  • list-style-type:decimal;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • -webkit-padding-start:40px;
  • margin:0;
  • padding:0;
  • margin:1em;
  • margin-left:2em;
 
  • margin: 1em 1em 1em 2em;
  • padding: 0 0 0 0;
  • margin-right:1em;
  • -webkit-margin-start:2em;
  • padding:0;
  • -webkit-padding-start:30px;
  • margin-top:.8em;
  • margin-bottom:.8em;
li
display:list-item;
  • margin:0;
  • padding:0;
  • list-style:none;

list-style should be overwritten by the rules for ul li and ol li (see below)

   
  • margin:0;
  • padding:0;
  • list-style:none;
   
ol li    
list-style:decimal outside;
 
list-style:decimal outside;
   
ul li    
list-style:disc outside;
 
list-style:disc outside;
   
ul ul, ol ul
list-style-type:circle;
           
ol ol ul,
ol ul ul,
ul ol ul,
ul ul ul
list-style-type:square;
           
dd
  • display:block;
  • -webkit-margin-start:40px;
  • margin:0;
  • padding:0;
   
padding:0;
 
  • margin-top:.35em;
  • margin-bottom:.35em;
dl dd    
margin-left:1em;
 
margin: 0 0 0 1em;
-webkit-margin-start:1em;
 
dl
  • display:block;
  • -webkit-margin-before:1em;
  • -webkit-margin-after:1em;
  • -webkit-margin-start:0;
  • -webkit-margin-end:0;
  • margin:0;
  • padding:0;
  • margin:1em;
  • margin-left:2em;
 
  • margin: 1em 1em 1em 2em;
  • padding:0;
  • margin-right:1em;
  • -webkit-margin-start:2em;
  • margin-top:.8em;
  • margin-bottom:.8em;
dt
display:block;
  • margin:0;
  • padding:0;
   
  • margin:0;
  • padding:0;
   
dd + dt            
margin-top:.8em;
ol ul,
ul ol,
ul ul,
ol ol
  • -webkit-margin-before:0;
  • -webkit-margin-after:0;
           
li ul,
li ol
           
-webkit-padding-start:20px;
form elements
form
  • display:block;
  • margin-top:0;
  • margin:0;
  • padding:0;
   
  • margin:0;
  • padding:0;
   
label cursor:default            
legend
  • display:block;
  • -webkit-padding-start:2px;
  • -webkit-padding-end:2px;
  • border:none;
  • margin:0;
  • padding:0;
  • *color:#000;
   
  • margin:0;
  • padding: 0 0 0 0;
  • *color:#000;
padding:0;
padding:0;
fieldset
  • display:block;
  • -webkit-margin-start:2px;
  • -webkit-margin-end:2px;
  • -webkit-padding-before:.35em;
  • -webkit-padding-start:.75em;
  • -webkit-padding-end:.75em;
  • -webkit-padding-after:.625em;
  • border:2px groove ThreeDFace;
  • margin:0;
  • padding:0;
  • border:0;
margin-bottom:1em;
 
  • margin: 0 0 1em 0 ;
  • padding:0;
  • border:0;
  • margin-bottom:1em;
  • padding:0;
  • border:0;
  • margin:0;
  • padding:0;
  • border:0;
button -webkit-appearance:button    
font:99% arial, helvetica, clean, sans-serif;
font:99% arial, helvetica, clean, sans-serif;
font:99% arial, helvetica, clean, sans-serif;
font:inherit;
keygen,
button,
isindex,
meter,
progress
-webkit-block-flow:tb !important;
           
select
-webkit-block-flow:tb !important;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
 
font:99% arial,helvetica,clean,sans-serif;
  • font:99% arial, helvetica, clean, sans-serif;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
font:99% arial, helvetica, clean, sans-serif;
  • font:inherit;
  • background:transparent;
input,
textarea
-webkit-block-flow:tb !important;
  • margin:0;
  • padding:0;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
 
font:99% arial,helvetica,clean,sans-serif;
  • font:99% arial, helvetica, clean, sans-serif;
  • margin:0;
  • padding:0;
  • font-family:inherit;
  • font-size:inherit;
  • font-weight:inherit;
  • *font-size:100%;
  • font:99% arial, helvetica, clean, sans-serif;
  • font-weight:inherit;
font:inherit;
input[type=text]    
  • width:12.25em
  • *width:11.9em;
 
  • width:12.25em
  • *width:11.9em;
width:12.25em
 
input,
textarea,
keygen,
select,
button,
isindex,
datagrid
  • margin:0;
  • font:-webkit-small-control;
  • color:initial;
  • letter-spacing:normal;
  • word-spacing:normal;
  • line-height:normal;
  • text-transform:none;
  • text-indent:0;
  • text-shadow:none;
  • display:inline-block;
  • text-align:-webkit-auto;
           
input[type="hidden"] display:none            
input,
input[type="password"],
input[type="search"],
isindex
  • -webkit-appearance:textfield;
  • padding:1px;
  • background-color:white;
  • border:2px inset;
  • -webkit-rtl-ordering:logical;
  • -webkit-user-select:text;
  • cursor:auto;
           
input[type="search"]
  • -webkit-appearance:searchfield;
  • -webkit-box-sizing:border-box;
           
input[type="search"]::-webkit-search-cancel-button
  • -webkit-appearance:searchfield-cancel-button;
  • display:inline-block;
           
input[type="search"]::-webkit-search-decoration
  • -webkit-appearance:searchfield-decoration;
  • display:inline-block;
           
input[type="search"]::-webkit-search-results-decoration
  • -webkit-appearance:searchfield-results-decoration;
  • display:inline-block;
           
input[type="search"]::-webkit-search-results-button
  • -webkit-appearance:searchfield-results-button;
  • display:inline-block;
           
input::-webkit-input-list-button
  • -webkit-appearance:list-button;
  • display:inline-block;
           
input::-webkit-inner-spin-button
  • -webkit-appearance:inner-spin-button;
  • display:inline-block;
  • -webkit-user-select:none;
           
input::-webkit-outer-spin-button
  • -webkit-appearance:outer-spin-button;
  • display:inline-block;
  • margin-left:2px;
  • -webkit-user-select:none;
           
input::-webkit-input-speech-button
  • -webkit-appearance:-webkit-input-speech-button;
  • display:inline-block;
           
keygen,
select
-webkit-border-radius:5px            
keygen::-webkit-keygen-select margin:0            
textarea
  • -webkit-appearance:textarea;
  • background-color:white;
  • border:1px solid;
  • -webkit-rtl-ordering:logical;
  • -webkit-user-select:text;
  • -webkit-box-orient:vertical;
  • resize:auto;
  • cursor:auto;
  • padding:2px;
  • white-space:pre-wrap;
  • word-wrap:break-word;
 
  • width:12.25em;
  • *width:11.9em;
 
  • width:12.25em;
  • *width:11.9em;
width:12.25em
 
input::-webkit-input-placeholder,
isindex::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
color:darkGray;
           
input[type="password"]
-webkit-text-security:disc !important
 
  • width:12.25em;
  • *width:11.9em;
 
  • width:12.25em;
  • *width:11.9em;
width:12.25em
 
input[type="hidden"],
input[type="image"],
input[type="file"]
  • -webkit-appearance:initial;
  • padding:initial;
  • background-color:initial;
  • border:initial;
           
input[type="file"]
  • -webkit-box-align:baseline;
  • text-align:start !important;
           
input:-webkit-autofill
  • background-color:#FAFFBD !important;
  • background-image:none !important;
  • color:#000000 !important;
           
input[type="radio"],
input[type="checkbox"]
  • margin:3px 0.5ex;
  • padding:initial;
  • background-color:initial;
  • border:initial;
           
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button
  • -webkit-appearance:push-button;
  • white-space:pre;
           
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button
  • -webkit-box-align:center;
  • text-align:center;
  • cursor:default;
  • color:ButtonText;
  • padding:2px 6px 3px 6px;
  • border:2px outset ButtonFace;
  • background-color:ButtonFace;
  • -webkit-box-sizing:border-box;
           
button
  • -webkit-box-align:center;
  • text-align:center;
  • cursor:default;
  • color:ButtonText;
  • padding:2px 6px 3px 6px;
  • border:2px outset ButtonFace;
  • background-color:ButtonFace;
  • -webkit-box-sizing:border-box;
           
input[type="range"]
  • -webkit-appearance:slider-horizontal;
  • padding:initial;
  • border:initial;
  • margin:2px;
           
input[type="range"]::-webkit-slider-thumb
  • -webkit-appearance:sliderthumb-horizontal;
  • display:block;
           
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="file"]:disabled::-webkit-file-upload-button,
button:disabled,
select:disabled,
keygen:disabled,
optgroup:disabled,
option:disabled,
datagrid:disabled
color:GrayText;
           
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="file"]:active::-webkit-file-upload-button,
button:active
border-style:inset;
           
input[type="button"]:active:disabled,
input[type="submit"]:active:disabled,
input[type="reset"]:active:disabled,
input[type="file"]:active:disabled::-webkit-file-upload-button,
button:active:disabled
border-style:outset;
           
area,
param
display:none;
           
input[type="checkbox"]
  • -webkit-appearance:checkbox;
  • -webkit-box-sizing:border-box;
           
input[type="radio"]
  • -webkit-appearance:radio;
  • -webkit-box-sizing:border-box;
           
select
  • -webkit-appearance:menulist;
  • -webkit-box-sizing:border-box;
  • -webkit-box-align:center;
  • border:1px solid;
  • white-space:pre;
  • -webkit-rtl-ordering:logical;
  • color:black;
  • background-color:white;
  • cursor:default
           
select[size],
select[multiple],
select[size][multiple]
  • -webkit-appearance:listbox;
  • -webkit-box-align:start;
  • border:1px inset gray;
  • -webkit-border-radius:initial;
  • white-space:initial;
           
select[size="0"],
select[size="1"]
  • -webkit-appearance:menulist;
  • -webkit-box-align:center;
  • border:1px solid;
  • -webkit-border-radius:5px;
  • white-space:pre;
           
optgroup
font-weight:bolder;
           
option
font-weight:normal;
           
output
display:inline;
           
form validation
::-webkit-validation-bubble
  • display:block;
  • z-index:2147483647;
  • position:absolute;
  • opacity:0.9;
  • line-height:0;
  • -webkit-text-security:none;
  • -webkit-transition:opacity 05.5s ease;
           
::-webkit-validation-bubble-message
  • display:block;
  • font:message-box;
  • min-width:50px;
  • max-width:200px;
  • border:solid 2px black;
  • background:-webkit-gradient( linear, left top, left bottom, from(#fbf9f9), to(#f0e4e4) );
  • padding:8px;
  • -webkit-border-radius:8px;
  • -webkit-box-shadow:4px 4px 4px rgba(204,204,204,0.7);
  • line-height:normal;
           
::-webkit-validation-bubble-top-outer-arrow
  • display:inline-block;
  • position:relative;
  • left:14px;
  • height:0;
  • width:0;
  • border-style:solid;
  • border-width:14px;
  • border-bottom-color:black;
  • border-right-color:transparent;
  • border-top-width:0;
  • border-left-width:0;
           
::-webkit-validation-bubble-top-inner-arrow
  • display:inline-block;
  • height:0;
  • width:0;
  • border-style:solid;
  • border-width:10px;
  • border-bottom-color:#fbf9f9;
  • border-right-color:transparent;
  • border-top-width:0;
  • border-left-width:0;
  • position:relative;
  • top:2px;
  • left:2px;
           
meter
meter
  • -webkit-appearance:meter;
  • display:inline-block;
  • height:1em;
  • width:5em;
  • vertical-align:-.2em;
           
meter::-webkit-meter
-webkit-appearance:meter;
           
meter::-webkit-meter-horizontal-bar
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc) )
           
meter::-webkit-meter-vertical-bar
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc) )
           
meter::-webkit-meter-horizontal-optimum-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3) )
           
meter::-webkit-meter-horizontal-suboptimal-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3) )
           
meter::-webkit-meter-horizontal-even-less-good-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, left bottom, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44) )
           
meter::-webkit-meter-vertical-optimum-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3) )
           
meter::-webkit-meter-vertical-suboptimal-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3) )
           
meter::-webkit-meter-vertical-even-less-good-value
  • -webkit-appearance:meter;
  • background:-webkit-gradient( linear, left top, right top, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44) )
           
progress
progress
  • -webkit-appearance:progress-bar;
  • display:inline-block;
  • height:1em;
  • width:10em;
  • vertical-align:-0.2em;
  • background-color:gray;
           
progress::-webkit-progress-bar-value
  • -webkit-appearance:progress-bar;
  • background-color:green;
           
inline element
u,
ins
text-decoration:underline;
           
strong
font-weight:bolder;
  • font-style:normal;
  • font-weight:normal;
font-weight:bold;
 
  • font-style:normal;
  • font-weight:bold;
 
font-size:90%;
b
font-weight:bolder;
         
font-size:90%;
i
font-style:italic;
           
cite,
var,
address
font-style:italic;
  • font-style:normal;
  • font-weight:normal;
   
  • font-style:normal;
  • font-weight:normal;
font-style:normal;
 
em
font-style:italic;
  • font-style:normal;
  • font-weight:normal;
font-style:italic;
 
  • font-style:italic;
  • font-weight:normal;
   
tt,
kbd,
samp
font-family:monospace;
   
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
   
kbd            
font-size:1.2rem;
code
font-family:monospace;
  • margin:0;
  • padding:0;
  • font-style:normal;
  • font-weight:normal;
 
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • margin:0;
  • padding:0;
  • font-style:normal;
  • font-weight:normal;
 
font-size:1.2rem;
xmp,
plaintext,
listing
  • display:block;
  • font-family:monospace;
  • white-space:pre;
  • margin:1em 0;
           
pre
  • display:block;
  • font-family:monospace;
  • white-space:pre;
  • margin:1em 0;
  • margin:0;
  • padding:0;
margin-bottom:1em;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • font-family:monospace;
  • *font-size:108%;
  • line-height:100%;
  • margin:0 0 1em 0 ;
  • padding:0;
margin-top:0;
  • margin-top:.8em;
  • margin-bottom:.8em;
mark
  • background-color:yellow;
  • color:black;
           
big
font-size:larger;
           
small
font-size:smaller;
           
s,
strike,
del
text-decoration:line-through;
           
sub
  • vertical-align:sub;
  • font-size:smaller;
vertical-align:text-bottom;
   
vertical-align:text-bottom;
vertical-align:text-bottom;
line-height:0;
sup
  • vertical-align:super;
  • font-size:smaller;
vertical-align:text-top;
   
vertical-align:text-top;
vertical-align:text-top;
line-height:0;
nobr
white-space:nowrap;
           
states
:focus
outline:auto 5px -webkit-focus-ring-color
           
html:focus, body:focus, input[readonly]:focus
outline:none;
           
input:focus,
textarea:focus,
isindex:focus,
keygen:focus,
select:focus
outline-offset:2px;
           
input[type="button"]:focus,
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="hidden"]:focus,
input[type="image"]:focus,
input[type="radio"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="file"]:focus::-webkit-file-upload-button
outline-offset:0;
           
a:-webkit-any-link
  • color:-webkit-link;
  • text-decoration:underline;
  • cursor:auto;
           
a:-webkit-any-link:active
color:-webkit-activelink;
           
ruby
ruby,
rt
text-indent:0;
           
rt
  • line-height:normal;
  • -webkit-text-emphasis:none;
           
ruby > rt
  • display:block;
  • font-size:50%;
  • text-align:-webkit-auto;
           
ruby > rp
display:none;
           
other elements
noframe
display:none;
           
frameset,
frame
display:block;
           
frameset
border-color:inherit;
           
iframe
border:2px inset;
           
details
display:block;
           
summary
display:block;
           
page
@page
  • size:auto
  • margin:auto;
  • padding:0;
  • border-width:0;
           
These elements do not belong to the WebKit styles sheet
img  
border:0;
   
border:0;
   
dfn  
  • font-style:normal;
  • font-weight:normal;
   
  • font-style:normal;
  • font-weight:normal;
 
font-style:italic;
abbr  
  • border:0;
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
 
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
  • border-bottom:1px dotted #000;
  • cursor:help;
 
acronym  
  • border:0;
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
 
  • font-variant:normal;
  • border-bottom:1px dotted #000;
  • cursor:help;
  • border-bottom:1px dotted #000;
  • cursor:help;
 

Footnotes