CSS-HTML対比
CSSで代替可能なHTMLの要素・属性の対応表です。代替すべきでは無いものについては避けていますので、ここにあるものがすべてではありません。また、代替出来ないものも含まれていません。
尚、※付きのものは非推奨、()のものはそのUAの独自拡張です。
HTML要素とCSSプロパティ
要素名 | プロパティ |
---|---|
B | font-weight:bold |
BIG | font-size:large |
(BLINK) | (text-decoration:blink) |
CENTER※ | text-align:center |
I | font-style:oblique |
(NOBR) | (white-space:nowrap) |
S※ | text-decoration:line-through |
SMALL | font-size:small |
STRIKE※ | text-decoration:line-through |
SUB | vertical-align:sub font-size:small |
SUP | vertical-align:super font-size:small |
TT | font-family:monospace |
U※ | text-decoration:underline |
HTML属性とCSSプロパティ
属性名 | 要素名 | プロパティ |
---|---|---|
ABOVE | (ILAYER) (LAYER) |
z-index |
ALIGN | COL COLGROUP DIV※ (FIELDSET) Hx※ P※ TBODY TFOOT THEAD TD TH TR |
text-align (一部の効果は再現不能) |
APPLET※ (EMBED) IFRAME※ IMG※ OBJECT※ |
float vertical-align | |
CAPTION※ INPUT※ |
caption-side text-align | |
TABLE※ | float | |
HR※ | margin-left margin-right | |
ALINK | BODY※ | :active color |
BACKGROUND | BODY※ (ILAYER) (LAYER) (TABLE) (TD) (TH) (TR) |
background-image |
BELOW | (ILAYER) (LAYER) |
z-index |
BGCOLOR※ | BODY※ (COL) (COLGROUP) (ILAYER) (LAYER) (MARQUEE) TABLE※ (TBODY) (TFOOT) (THEAD) TD※ TH※ TR※ |
background-color |
BGPROPERTIES | (BODY) | background-attachment |
BORDER | (EMBED) (IFRAME) IMG※ (INPUT) OBJECT※ TABLE※ |
border-width |
BORDERCOLOR | (IFRAME) (TABLE) (TD) (TH) (TR) |
border-color |
BORDERCOLORDARK | (TABLE) (TD) (TH) (TR) |
border-x-color |
BORDERCOLORLIGHT | (TABLE) (TD) (TH) (TR) |
border-x-color |
BOTTOMMARGIN | (BODY) | border-spacing |
CELLPADDING | TABLE | padding (該当要素下のTD要素に) |
CELLSPACING | TABLE | text-align |
CHAR | COL COLGROUP TBODY TFOOT THEAD TD TH TR |
text-align |
CLEAR※ | BR※ | clear |
CLIP | (ILAYER) (LAYER) |
clip |
COLOR | BASEFONT※ FONT※ |
color |
(HR) | border-color | |
COMPACT | DIR※ MENU※ OL※ UL※ |
list-style-position |
FACE | BASEFONT※ FONT※ |
font-family |
属性名 | 要素名 | プロパティ |
---|---|---|
HEIGHT | APPLET※ (EMBED) IFRAME※ (ILAYER) IMG (INPUT) (LAYER) (MARQUEE) OBJECT (TABLE) TD※ TH※ (TR) |
height |
HSPACE | APPLET※ (EMBED) (IFRAME) IMG※ (MARQUEE) OBJECT※ (TABLE) |
margin-left margin-right |
LEFT | (ILAYER) (LAYER) |
position left |
LEFTMARGIN | (BODY) | margin-left margin-right |
LINK | BODY※ | :link color |
MARGINHEIGHT | (BODY) FRAME? IFRAME※ |
margin-top margin-bottom |
MARGINWIDTH | (BODY) FRAME? IFRAME※ |
margin-left margin-right |
NOBORDER | (EMBED) | border-width |
NOWRAP | TD※ TH※ |
white-space |
PAGEX | (ILAYER) (LAYER) |
position left |
PAGEY | (ILAYER) (LAYER) |
position top |
RIGHTMARGIN | (BODY) | margin-right |
SCROLL | (BODY) | overflow |
SCROLLING | FRAME? IFRAME※ |
overflow |
SIZE | HR※ | border-top-width border-bottom-width |
BASEFONT※ FONT※ |
font-size | |
TEXT | BODY※ | color |
TOP | (ILAYER) (LAYER) |
position top |
TOPMARGIN | (BODY) | margin-top margin-bottom |
TYPE | LI※ OL※ UL※ |
list-style-type |
VALIGN | (CAPTION) | caption-side |
COL COLGROUP TBODY TFOOT THEAD TD TH TR |
vertical-align | |
VISIBILITY | (ILAYER) (LAYER) |
visibility |
VLINK | BODY※ | :visited color |
VSPACE | APPLET※ (EMBED) (IFRAME) IMG※ (MARQUEE) OBJECT※ (TABLE) |
margin-top margin-bottom |
WIDTH | APPLET※ COL COLGROUP (EMBED) IFRAME※ (ILAYER) IMG (INPUT) (LAYER) (MARQUEE) OBJECT PRE※ TABLE TD※ TH※ |
width |
HR※ | border-width | |
Z-INDEX | (ILAYER) (LAYER) |
z-index |