CSS 検証サービス検証結果 http://www.bockelmind.de/edit-hlp-url.php (CSS レベル 3)

おめでとうございます！ エラーはありません。

おめでとうございます！ この文書は正当な CSS レベル 3 として検証できました!

あなたがこのWebページを作るにあたって、高度な相互運用性(Interoperability)に対する配慮を行った事を読者に示すため、このアイコンを張る事をお勧めします。あなたのWebページにこのアイコンを張るためには、次のHTMLの断片を利用すると良いでしょう。

正当なCSSです! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="正当なCSSです!" />
    </a>
</p>
正当なCSSです! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="正当なCSSです!" />
    </a>
</p>

(HTML 4.01 以前を使用する場合は img タグを /> ではなく > で閉じてください。)

この画像はローカルコピーを使っても構いません。つまり、あなたのWebサーバにこの画像のコピーをダウンロードしてディレクトリに保存し、上記のHTMLの断片について、ダウンロードしたものを参照するように変更して使う事もできます。

この検証結果のページに対するリンクを作りたい場合、以下のURIを利用して下さい。リンクを組み込んでおく事で、後からもう一度このページの検証を行ったり、他の人がこのページを検証する事が容易になります。 

http://jigsaw.w3.org/css-validator/validator?lang=ja&profile=css3&uri=http%3A%2F%2Fwww.bockelmind.de%2Fedit-hlp-url.php
or
http://jigsaw.w3.org/css-validator/check/referer (HTML/XML 文書のみに有効)

(もちろん、このページをブックマークやホットリストに追加したのでもよいでしょう。)

↑ Top

検証したスタイルシートを以下に示します

body {
text-align : center;
font-family : sans-serif;
font-size : smaller;
}
a {
text-decoration : underline;
color : black;
}
address {
font-style : normal;
display : inline;
}
hr {
width : 85%;
}
table {
border-collapse : collapse;
background-color : #ffffff;
}
table > tbody > tr > th:first-child {
border-top-left-radius : 5px;
border-bottom-left-radius : 5px;
}
table > tbody > tr > th:last-child {
border-top-right-radius : 5px;
border-bottom-right-radius : 5px;
}
table > tbody > tr:first-child > td:first-child {
border-top-left-radius : 5px;
}
table > tbody > tr:first-child > td:last-child {
border-top-right-radius : 5px;
}
table > tbody > tr:nth-child(2) > td:first-child {
border-top-left-radius : 5px;
}
table > tbody > tr:nth-child(2) > td:last-child {
border-top-right-radius : 5px;
}
table > tbody > tr:last-child > td:first-child {
border-bottom-left-radius : 5px;
}
table > tbody > tr:last-child > td:last-child {
border-bottom-right-radius : 5px;
}
tr {
border-top : 2px solid white;
}
th {
font-weight : normal;
}
ul {
list-style-type : square;
}
header > h1 {
font-size : xx-large;
font-weight : bold;
display : inline;
padding-left : 5px;
}
header > h1 > a {
text-decoration : none;
}
header > h1 > a > span {
font-size : small;
font-style : italic;
}
table.header {
width : 100%;
}
table.header > tbody > tr > td.l {
font-size : small;
padding-top : 14px;
visibility : hidden;
}
table.header > tbody > tr > td.c > h1 {
font-size : xx-large;
font-weight : bold;
display : inline;
padding-left : 5px;
}
table.header > tbody > tr > td.c > h1 > a {
text-decoration : none;
}
table.header > tbody > tr > td.c > h1 > a > span {
font-size : small;
font-style : italic;
}
table.header > tbody > tr > td.c > span {
font-size : small;
font-style : italic;
}
table.header > tbody > tr > td.r {
font-size : small;
padding-top : 14px;
text-align : right;
}
body > h2 {
font-size : medium;
font-weight : normal;
display : inline;
}
nav > h3 {
font-size : medium;
font-weight : bold;
display : inline;
}
table.main {
max-width : 85%;
margin-left : auto;
margin-right : auto;
text-align : left;
}
table.main {
max-width : 85%;
margin-left : auto;
margin-right : auto;
text-align : left;
}
table.main {
max-width : 85%;
margin-left : auto;
margin-right : auto;
text-align : left;
}
table.main > tbody > tr > td {
padding : 20px 20px 20px 20px;
}
table.main > tbody > tr > td.mainLeft1 {
background-color : #dfdfdf;
}
table.main > tbody > tr > td.mainLeft1 > span {
font-size : medium;
font-weight : bold;
}
table.main > tbody > tr > td.mainLeft2 {
text-align : center;
background-color : #dfdfdf;
font-weight : bold;
}
table.main > tbody > tr > td.mainLeft2 > span {
font-size : medium;
font-weight : bold;
}
table.main > tbody > tr > td.mainLeft2 > span > a {
text-decoration : none;
}
table.main > tbody > tr > td.mainLeft2 > span > a:hover {
text-decoration : underline;
}
table.main > tbody > tr > td.mainRight1 {
background-color : #efefef;
padding : 10px 20px 10px 0;
}
table.main > tbody > tr > td.mainRight2 {
background-color : #efefef;
}
table.main > tbody > tr > td.mainRight2 > section > span {
font-weight : bold;
}
table.main > tbody > tr > td.mainRight2 > section > a {
text-decoration : none;
}
table.main > tbody > tr > td.mainRight2 > section > a:hover {
text-decoration : underline;
}
tr.jswarn {
border-top : 1px solid red;
border-bottom : 1px solid red;
}
tr.jswarn > td {
color : red;
font-weight : bold;
}
td.jswarn {
background-color : #ffffff;
height : 15px;
}
table.outer {
width : 85%;
margin-left : auto;
margin-right : auto;
}
table.outer > tbody > tr > td.spacer {
background-color : #ffffff;
height : 9px;
}
table.outer > tbody > tr > td.spacer2 {
background-color : #ffffff;
height : 18px;
}
table.search {
width : 100%;
}
table.search > tbody > tr > th {
background-color : #dfdfdf;
padding : 2px 5px 2px 5px;
white-space : normal;
}
table.search > tbody > tr > th > span {
font-weight : bold;
}
table.inner {
width : 100%;
}
table.inner > tbody > tr > th {
background-color : #dfdfdf;
padding : 2px 5px 2px 5px;
white-space : normal;
}
table.inner > tbody > tr > th > span {
font-weight : bold;
}
table.inner > tbody > tr > th > span > a > img {
border-bottom : 1px solid black;
vertical-align : -2px;
padding-bottom : 2px;
}
table.inner > tbody > tr > td {
text-align : left;
background-color : #efefef;
padding : 2px 5px 2px 5px;
white-space : nowrap;
}
table.inner > tbody > tr > td > input[type="text"] {
width : 99.5%;
}
input[type="checkbox"] {
vertical-align : bottom;
margin-bottom : 1px;
}
label > span {
display : none;
}
span.title {
background-color : #dfdfdf;
}
td.filter0 > label > input.v1 {
width : 99.5%;
display : none;
}
td.filter0 > label > input.v2 {
width : 49.15%;
display : none;
}
td.filter1 > label > input.v1 {
width : 99.5%;
}
td.filter1 > label > input.v2 {
width : 49.15%;
display : none;
}
td.filter2 > label > input.v1 {
width : 49.15%;
}
td.filter2 > label > input.v2 {
width : 49.15%;
}
img.filter {
display : block;
}
input[type="radio"] {
vertical-align : bottom;
margin-bottom : 1px;
}
table.inner > tbody > tr > td {
padding-top : 10px !important ;
padding-bottom : 10px !important ;
white-space : normal;
}

↑ Top