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 |