HTML5 CSS3 JavaScript

WEBYA.IN

menu

ARTICLE

HTML 5 スタイルのデフォルト値 1

このエントリーをはてなブックマークに追加
はてなブックマーク - HTML 5 スタイルのデフォルト値 1
Bookmark this on Delicious
Share on LinkedIn
Share on GREE
Share on Facebook

html5

以下に示すスタイルのデータは、Mac :: Firefox 3.6 :: Firebug で採取したデータだよ。上段は<section>要素で、下段は<header>要素だよ。新要素はおそらく全て同じ値だよ。(2010/04/14現在)

新要素のブロック要素として扱うべきものについては、display:block を指定してあげる必要があるようだね。以下、デフォルトのスタイルだよ。

/*<section>*/
font-family:sans-serif;
font-size:16px;
font-weight:400;
font-style:normal;
color:#000000;
text-transform:none;
text-decoration:none;
letter-spacing:normal;
word-spacing:0;
line-height:25px;
text-align:start;
vertical-align:baseline;
direction:ltr;
background-color:transparent;
background-image:none;
background-repeat:repeat;
background-position:0 0;
background-attachment:scroll;
opacity:1;
width:auto;
height:auto;
top:auto;
right:auto;
bottom:auto;
left:auto;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
border-top-width:0;
border-right-width:0;
border-bottom-width:0;
border-left-width:0;
border-top-color:#000000;
border-right-color:#000000;
border-bottom-color:#000000;
border-left-color:#000000;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
position:static;
display:inline;
visibility:visible;
z-index:auto;
overflow-x:visible;
overflow-y:visible;
white-space:normal;
clip:auto;
float:none;
clear:none;
-moz-box-sizing:content-box;
cursor:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
marker-offset:auto;

/*<header>*/
font-family:sans-serif;
font-size:16px;
font-weight:400;
font-style:normal;
color:#000000;
text-transform:none;
text-decoration:none;
letter-spacing:normal;
word-spacing:0;
line-height:25px;
text-align:start;
vertical-align:baseline;
direction:ltr;
background-color:transparent;
background-image:none;
background-repeat:repeat;
background-position:0 0;
background-attachment:scroll;
opacity:1;
width:auto;
height:auto;
top:auto;
right:auto;
bottom:auto;
left:auto;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
border-top-width:0;
border-right-width:0;
border-bottom-width:0;
border-left-width:0;
border-top-color:#000000;
border-right-color:#000000;
border-bottom-color:#000000;
border-left-color:#000000;
border-top-style:none;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
position:static;
display:inline;
visibility:visible;
z-index:auto;
overflow-x:visible;
overflow-y:visible;
white-space:normal;
clip:auto;
float:none;
clear:none;
-moz-box-sizing:content-box;
cursor:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
marker-offset:auto;

ブロック要素であってほしい要素がインライン要素になっているよ。

お広告

copyright webya.in 2010