CSS2　Media groupがvisualのプロパティー、ブラウザ対応状況検証用サンプル

「何も、どうもなってないぞ」という場合は、使用ブラウザが対応していないということです。
background-color:#fccのサンプルです。
background-image:url(img/sample.gif) のサンプルです。
background : url(img/sample.gif) #fcc no-repeat fixed 100% 100%のサンプルです。

color･font

color:red;　のサンプルです。
font-variant:small-caps　のサンプルです。
font-style:italic　のサンプルです。
font-style:oblique　のサンプルです。
font-weight:bold　のサンプルです。
font-weight:lighter;　のサンプルです。
font-weight:bolder　のサンプルです。
font-weight:normal　のサンプルです。
font-size:xx-small　のサンプルです。
font-size:x-small　のサンプルです。
font-size:large　のサンプルです。
font-size:x-large　のサンプルです。
font-size:xx-large　のサンプルです。
line-height:50%;　のサンプルです。
line-height:50%;　のサンプルです。
line-height:50%;　のサンプルです。
line-height:100%;　のサンプルです。
line-height:100%;　のサンプルです。
line-height:100%;　のサンプルです。
line-height:200%　のサンプルです。
line-height:200%　のサンプルです。
line-height:200%　のサンプルです。
font-family:sans-serif　のサンプルです。
font-family:serif　のサンプルです。
font-family:cursive　のサンプルです。
font-family:fantasy　のサンプルです。
font-family:monospace　のサンプルです。
font-stretch:wider　のサンプルです。
font-stretch:narrower　のサンプルです。
text-shadow:3px #f00　のサンプルです。
text-align:left　のサンプルです。
text-align:right　のサンプルです。
text-align:center　のサンプルです。
text-align:justify　のサンプルです。
text-decoration:underline　のサンプルです。
text-decoration:overline　のサンプルです。
text-decoration:line-through　のサンプルです。

vertical-align:superのサンプルです。
vertical-align:subのサンプルです。
vertical-align:supのサンプルです。
vertical-align:topのサンプルです。
vertical-align:text-topのサンプルです。
vertical-align:middleのサンプルです。
letter-spacing:1emのサンプルです。
letter-spacing:0.5emのサンプルです。
letter-spacing:-0.1emのサンプルです。
Thie is a sample for word-spacing:1em
Thie is a sample for word-spacing:0.5em
Thie is a sample for word-spacing:-0.1em
text-indent:10pxのサンプルです。サンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルです
text-indent:30pxのサンプルです。サンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルですサンプルです
Thie is a sample for text-transform:none
Thie is a sample for text-transform:uppercase
Thie is a sample for text-transform:capitalize
Thie is a sample for text-transform:lowercase
Thie is a sample for white-space:normal
Thie is a sample for white-space:pre
Thie is a sample for white-space:nowrap
width:100px; height:100px;のサンプルです。
min-width:300px; min-height:300px;のサンプルです。
max-width:100px; max-height:100px;のサンプルです。
margin:30px; padding:30px; border:5px solid #777;のサンプルです。
solid double dashed dotted groove rigde inset outset
outline-color:#fcc; outline-width:5px; outline-style:double;のサンプル

display:list-item; marker-offset:auto;のサンプル

border-collapse:collapse
border-collapse:collapse
border-collapse:separate
border-collapse:separate
サンプルサンプル
サンプルサンプル
caption-side:top
caption-side:left
サンプルサンプル
サンプルサンプル
caption-side:right
サンプルサンプル
サンプルサンプル
caption-side:bottom
サンプルサンプル
サンプルサンプル
border-spacing:6px;サンプル
border-spacing:6px;サンプル
empty-cells:show
empty-cells:show
content:url(img/arrow.gif)のサンプル
content:'★'のサンプル
crosshair default pointer move e-resize ne-resize nw-resize se-resize sw-resize s-resize w-resize text wait help

<h1 style="display:inline; background-color:#ccf;">のサンプルです。

<span style="display:block;background-color:#ccf;">のサンプルです
サンプルです。
position:static; left:100px; top:-1.5em;サンプルです。
サンプルです。
position:relative; left:100px; top:-1.5em; のサンプルです。
float:rightのサンプル

float:rightのサンプル
↑は<hr style="clear:both; margin-top:0px; width:100%;">です。
float:leftのサンプル

float:leftのサンプル
float:leftのサンプル
↑は<hr style="clear:left; margin-top:0px; width:100%;">です。
z-index:1
z-index:2
z-index:3
123<span style="visibility:hidden;">456</span>789
123456789
のサンプルです。
width:150px; height:80px; overflow:visibleのサンプルです
overflow:visibleのサンプルです。overflow:visibleのサンプルです。overflow:visibleのサンプルです。overflow:visibleのサンプルです。overflow:visibleのサンプルです。overflow:visibleのサンプルです。
width:150px; height:80px; overflow:hiddenのサンプルです。
overflow:hiddenのサンプルです。overflow:hiddenのサンプルです。overflow:hiddenのサンプルです。overflow:hiddenのサンプルです。
width:150px; height:80px; overflow:scroll;のサンプルです。
overflow:scroll;のサンプルです。overflow:scroll;のサンプルです。overflow:scroll;のサンプルです。overflow:scroll;のサンプルです。
width:150px; height:80px; overflow:auto;のサンプルです。
overflow:auto;のサンプルです。overflow:auto;のサンプルです。overflow:auto;のサンプルです。overflow:auto;のサンプルです。
direction: rtl; unicode-bidi: bidi-override; のサンプルです。
direction: ltr; のサンプルです。
scrollbar-arrow-color:#000; scrollbar-track-color:#888; scrollbar-face-color:#55f; scrollbar-highlight-color:#f00; scrollbar-shadow-color:#bb0; scrollbar-3dlight-color:#090; scrollbar-darkshadow-color:#f0f;のサンプルです。