カスケーディングスタイルシート

変換前			変換後
要素名	属性名	属性値に書く内容	要素に書く内容	属性名	属性値に書く内容
`html`	`dir`	`rtl`	`html`	`direction`	変換前の属性値
`html`	`dir`	`rtl`	`html`	`unicode-bidi`	`embed`
`body`	`bgcolor`	`＊`	`body`	`background-color`	変換前の属性値
	`background`	`＊`		`background-image`	`url(`変換前の属性値`)`
	`bgproperties`	`fixed`		`background-attachment`	変換前の属性値
	`topmargin`	上余白のピクセル単位での半角数値		`margin-top`	変換前の属性値`px`
	`rightmargin`	右余白のピクセル単位での半角数値		`margin-right`
	`bottommargin`	下余白のピクセル単位での半角数値		`margin-bottom`
	`leftmargin`	左余白のピクセル単位での半角数値		`margin-left`
	`text`	ファイル読み込み以外の指定された表現方法での要素色		`color`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
	`scroll`	`auto`	`html`	`overflow-y`	変換前の属性値
	`scroll`	`no`	`html`	`overflow`	`hidden`
	`link`	未読未アクティブファイル読み込みの指定された表現方法での色	`:link`	`color`	変換前の属性値
	`alink`	アクティブファイル読み込みの指定された表現方法での色	`:active`
	`vlink`	既読未アクティブファイル読み込みの指定された表現方法での色	アクティブファイル読み込みの前に`:visited`
`noscript`	`dir`	`rtl`	`noscript`	`direction`	変換前の属性値
`noscript`	`dir`	`rtl`	`noscript`	`unicode-bidi`	`embed`
`h1`	`align`	`＊`	`h1`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`h2`	`align`	`＊`	`h2`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`h3`	`align`	`＊`	`h3`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`h4`	`align`	`＊`	`h4`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`h5`	`align`	`＊`	`h5`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`h6`	`align`	`＊`	`h6`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`p`	`align`	`＊`	`p`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`fieldset`	`align`	`center`	`fieldset`	`margin-right`	`auto`
		`center`		`margin-left`	`auto`
		`top`		`vertical-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`legend`	`align`	`center`	`legend`	`display`	`block`
				`width`	`0px`
				`margin-left`	`auto`
				`margin-right`	`auto`
		`right`		`float`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`br`	`clear`	`left`	`br`	`clear`	変換前の属性値
		`right`			変換前の属性値
		`all`			`both`
		`both`			変換前の属性値
`sup`	`dir`	`rtl`	`sup`	`direction`	変換前の属性値
`sup`	`dir`	`rtl`	`sup`	`unicode-bidi`	`embed`
`sub`	`dir`	`rtl`	`sub`	`direction`	変換前の属性値
`sub`	`dir`	`rtl`	`sub`	`unicode-bidi`	`embed`
`hr`	`width`	ピクセル単位での幅の半角数値	`hr`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`size`	ピクセル単位での線幅の半角数値		`height`	変換前の属性値`px`
	`align`	`＊`		`text-align`	変換前の属性値
	`color`	`＊`		`color`	変換前の属性値
	`noshade`	`noshade`		`color`	`#adaa9c`
`ruby`	`dir`	`rtl`	`ruby`	`direction`	変換前の属性値
`ruby`	`dir`	`rtl`	`ruby`	`unicode-bidi`	`embed`
`rt`	`dir`	`rtl`	`rt`	`direction`	変換前の属性値
`rt`	`dir`	`rtl`	`rt`	`unicode-bidi`	`embed`
`rp`	`dir`	`rtl`	`rp`	`direction`	変換前の属性値
`rp`	`dir`	`rtl`	`rp`	`unicode-bidi`	`embed`
`span`	`dir`	`rtl`	`span`	`direction`	変換前の属性値
`span`	`dir`	`rtl`	`span`	`unicode-bidi`	`embed`
`acronym`	`dir`	`rtl`	`acronym`	`direction`	変換前の属性値
`acronym`	`dir`	`rtl`	`acronym`	`unicode-bidi`	`embed`
`em`	`dir`	`rtl`	`em`	`direction`	変換前の属性値
`em`	`dir`	`rtl`	`em`	`unicode-bidi`	`embed`
`strong`	`dir`	`rtl`	`strong`	`direction`	変換前の属性値
`strong`	`dir`	`rtl`	`strong`	`unicode-bidi`	`embed`
`kbd`	`dir`	`rtl`	`kbd`	`direction`	変換前の属性値
`kbd`	`dir`	`rtl`	`kbd`	`unicode-bidi`	`embed`
`samp`	`dir`	`rtl`	`samp`	`direction`	変換前の属性値
`samp`	`dir`	`rtl`	`samp`	`unicode-bidi`	`embed`
`q`	`dir`	`rtl`	`q`	`direction`	変換前の属性値
`q`	`dir`	`rtl`	`q`	`unicode-bidi`	`embed`
`ul`	`type`	`disc`	`ul`	`list-style-type`	変換前の属性値
		`circle`
		`square`
		`1`			`decimal`
		`i`			`lower-roman`
		`I`			`upper-roman`
		`a`			`lower-alpha`
		`A`			`upper-alpha`
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`ol`	`type`	`disc`	`ol`	`list-style-type`	変換前の属性値
		`circle`
		`square`
		`i`			`lower-roman`
		`I`			`upper-roman`
		`a`			`lower-alpha`
		`A`			`upper-alpha`
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`li`	`type`	`disc`	`li`	`list-style-type`	変換前の属性値
		`circle`
		`square`
		`i`			`lower-roman`
		`I`			`upper-roman`
		`a`			`lower-alpha`
		`A`			`upper-alpha`
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`dl`	`dir`	`rtl`	`dl`	`direction`	変換前の属性値
`dl`	`dir`	`rtl`	`dl`	`unicode-bidi`	`embed`
`dt`	`dir`	`rtl`	`dt`	`direction`	変換前の属性値
`dt`	`dir`	`rtl`	`dt`	`unicode-bidi`	`embed`
`dd`	`dir`	`rtl`	`dd`	`direction`	変換前の属性値
`dd`	`dir`	`rtl`	`dd`	`unicode-bidi`	`embed`
`table`	`width`	ピクセル単位での幅の半角数値	`table`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`height`	ピクセル単位での高さの半角数値		`height`	変換前の属性値`px`
	`height`	`＊%`		`height`	変換前の属性値
	`bgcolor`	`＊`		`background-color`	変換前の属性値
	`background`	`＊`		`background-image`	`url(`変換前の属性値`)`
	`align`	`left`		`float`	変換前の属性値
		`right`		`float`	変換前の属性値
		`center`		`margin-right`	`auto`
		`center`		`margin-left`	`auto`
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
	`border`	`0`と`4`以外の半角数値		`border-width`	変換前の属性値`px`
				`border-style`	`outset`
			`th`, `td`	`border-width`	`1px`
			`th`, `td`	`border-style`	`inset`
		`4`	`table`	`border-style`	`outset`
			`th`, `td`	`border-width`	`1px`
			`th`, `td`	`border-style`	`inset`
	`bordercolor`	表全体と表全セルの指定された表現方法での平面枠色	`table`, `th`, `td`	`border-color`	変換前の属性値
	`cellpadding`	`＊`	`th`, `td`	`padding`	変換前の属性値`px`
	`frame`	`＊`	`table`	`border-`指定された表現方法`-width`	`1px`
			`table`	`border-`指定された表現方法`-style`	`outset`
			`th`, `td`	`border-`指定された表現方法`-width`	`1px`
			`th`, `td`	`border-`指定された表現方法`-style`	`inset`
	`rules`	`all`	`table`	`border-width`	`1px`
			`table`	`border-style`	`outset`
			`th`, `td`	`border-width`	`1px`
			`th`, `td`	`border-style`	`inset`
`caption`	`align`	`＊`	`caption`	`text-align`	変換前の属性値
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`colgroup`	`width`	ピクセル単位での幅の半角数値	`colgroup`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`valign`	`＊`		`vertical-align`
	`align`	`＊`		`text-align`
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`col`	`width`	ピクセル単位での幅の半角数値	`col`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`valign`	`＊`		`vertical-align`
	`align`	`＊`		`text-align`
	`dir`	`rtl`		`direction`
	`dir`	`rtl`		`unicode-bidi`	`embed`
`thead`	`bgcolor`	`＊`	`thead`	`background-color`	変換前の属性値
	`valign`			`vertical-align`
	`align`			`text-align`
	`dir`	`rtl`		`direction`
	`dir`	`rtl`		`unicode-bidi`	`embed`
`tfoot`	`bgcolor`	`＊`	`tfoot`	`background-color`	変換前の属性値
	`valign`			`vertical-align`
	`align`			`text-align`
	`dir`	`rtl`		`direction`
	`dir`	`rtl`		`unicode-bidi`	`embed`
`tbody`	`bgcolor`	`＊`	`tbody`	`background-color`	変換前の属性値
	`valign`			`vertical-align`
	`align`			`text-align`
	`dir`	`rtl`		`direction`
	`dir`	`rtl`		`unicode-bidi`	`embed`
`tr`	`bgcolor`	`＊`	`tr`	`background-color`	変換前の属性値
	`valign`			`vertical-align`
	`align`			`text-align`
	`dir`	`rtl`		`direction`
	`dir`	`rtl`		`unicode-bidi`	`embed`
	`bordercolor`	表全セルの指定された表現方法での平面枠色	`th`, `td`	`border-color`	変換前の属性値
`th`	`width`	ピクセル単位での幅の半角数値	`th`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`height`	ピクセル単位での高さの半角数値		`height`	変換前の属性値`px`
	`height`	`＊%`		`height`	変換前の属性値
	`bgcolor`	`＊`		`background-color`	変換前の属性値
	`background`			`background-image`	`url(`変換前の属性値`)`
	`valign`			`vertical-align`	変換前の属性値
	`align`			`text-align`
	`nowrap`	`nowrap`		`white-space`
	`dir`	`rtl`		`direction`
	`dir`	`rtl`		`unicode-bidi`	`embed`
`td`	`width`	ピクセル単位での幅の半角数値	`td`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`height`	ピクセル単位での高さの半角数値		`height`	変換前の属性値`px`
	`height`	`＊%`		`height`	変換前の属性値
	`bgcolor`	`＊`		`background-color`	変換前の属性値
	`background`			`background-image`	`url(`変換前の属性値`)`
	`valign`			`vertical-align`	変換前の属性値
	`align`			`text-align`
	`nowrap`	`nowrap`		`white-space`
	`dir`	`rtl`		`direction`
	`dir`	`rtl`		`unicode-bidi`	`embed`
`iframe`	`width`	ピクセル単位での幅の半角数値	`iframe`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`height`	ピクセル単位での高さの半角数値		`height`	変換前の属性値`px`
	`height`	`＊%`		`height`	変換前の属性値
	`align`	`left`		`float`	変換前の属性値
	`align`	`right`		`float`	変換前の属性値
	`vspace`	垂直余白のピクセル単位での半角数値		`margin-top`	変換前の属性値`px`
	`vspace`	垂直余白のピクセル単位での半角数値		`margin-bottom`
	`hspace`	水平余白のピクセル単位での半角数値		`margin-right`
	`hspace`	水平余白のピクセル単位での半角数値		`margin-left`
`img`	`width`	ピクセル単位での幅の半角数値	`img`	`width`	変換前の属性値`px`
	`width`	`＊%`		`width`	変換前の属性値
	`height`	ピクセル単位での高さの半角数値		`height`	変換前の属性値`px`
	`height`	`＊%`		`height`	変換前の属性値
	`align`	`left`		`float`	変換前の属性値
		`right`		`float`
		`top`		`vertical-align`
		`texttop`			`-`ピクセル単位での小数点以下を切り捨てた、高さ－前後要素の内容の高さ＊３／４`px`
		`middle`			`-`ピクセル単位での小数点以下を切り捨てた、高さ／２`px`
		`absmiddle`			`-`ピクセル単位での小数点以下を切り捨てた、高さ／２－前後要素の内容の高さ／４`px`
		`absbottom`			`-25%`
	`border`	`0`		`border-width`	`0px`
		`0`以外の半角数値		`border-width`	変換前の属性値`px`
		`0`以外の半角数値		`border-style`	`solid`
	`vspace`	垂直余白のピクセル単位での半角数値		`margin-top`	変換前の属性値`px`
	`vspace`	垂直余白のピクセル単位での半角数値		`margin-bottom`
	`hspace`	水平余白のピクセル単位での半角数値		`margin-right`
	`hspace`	水平余白のピクセル単位での半角数値		`margin-left`
`embed`	`width`	`＊`	`embed`	`width`	変換前の属性値`px`
	`height`	`＊`		`height`	変換前の属性値`px`
	`hidden`			`width`	`0px`
	`hidden`			`height`	`0px`
	`align`	`left`		`float`	変換前の属性値
		`right`		`float`
		`top`		`vertical-align`
`a`	`dir`	`rtl`	`a`	`direction`	変換前の属性値
`a`	`dir`	`rtl`	`a`	`unicode-bidi`	`embed`
`label`	`dir`	`rtl`	`label`	`direction`	変換前の属性値
`label`	`dir`	`rtl`	`label`	`unicode-bidi`	`embed`
`del`	`dir`	`rtl`	`del`	`direction`	変換前の属性値
`del`	`dir`	`rtl`	`del`	`unicode-bidi`	`embed`
`ins`	`dir`	`rtl`	`ins`	`direction`	変換前の属性値
`ins`	`dir`	`rtl`	`ins`	`unicode-bidi`	`embed`
`form`	`dir`	`rtl`	`form`	`direction`	変換前の属性値
`form`	`dir`	`rtl`	`form`	`unicode-bidi`	`embed`
`textarea`	`cols`	`＊`	`textarea`	`width`	変換前の属性値＊７＋１７`px`
	`rows`	`＊`		`height`	変換前の属性値＊１４`px`
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`select`	`align`	`left`	`select`	`float`	変換前の属性値
		`right`		`float`
		`top`		`vertical-align`
	`dir`	`rtl`		`direction`	変換前の属性値
	`dir`	`rtl`		`unicode-bidi`	`embed`
`option`	`dir`	`rtl`	`option`	`direction`	変換前の属性値
`option`	`dir`	`rtl`	`option`	`unicode-bidi`	`embed`
`b`			`span`	`font-weight`	`600`
`basefont`	`size`	`1`	`span`	`font-size`	`10px`
		`2`			`13px`
		`4`			`18px`
		`5`			`24px`
		`6`			`32px`
		`7`			`48px`
	`color`	`＊`		`color`	変換前の属性値
	`face`	`＊`		`font-family`	変換前の属性値
`font`	`color`	`＊`	`span`	`color`	変換前の属性値
	`face`	`＊`		`font-family`	変換前の属性値
	`size`	`1`		`font-size`	`10px`
		`-2`			`10px`
		`2`			`13px`
		`-1`			`13px`
		`4`			`18px`
		`+1`			`18px`
		`5`			`24px`
		`+2`			`24px`
		`6`			`32px`
		`+3`			`32px`
		`7`			`48px`
		`+4`			`48px`
`bdo`	`dir`	`rtl`	`span`	`unicode-bidi`	`bidi-override`
`bdo`	`dir`	`rtl`	`span`	`direction`	`rtl`
`big`			`span`	`font-size`	`large`
`center`			`div`	`text-align`	`center`
`i`			`span`	`font-style`	`oblique`
`nobr`			`span`	`white-space`	`nowrap`
`s`			`span`	`text-decoration`	`line-through`
`small`			`span`	`font-size`	`small`
`strike`			`span`	`text-decoration`	`line-through`
`tt`			`span`	`font-size`	`13px`
`tt`			`span`	`font-family`	`'ＭＳゴシック'`
`u`			`span`	`text-decoration`	`underline`
`wbr`			`span`内容なし	`white-space`	`normal`

カスケーディングスタイルシート

【１】作成方法

【２】HTMLからCSSへの変換方法