css_to_docomoXHTML - mod_chxj Wiki - mod_chxj

docomo XHTML端末 CSS変換仕様(0.13.0以降)

上: CSS変換機能(0.13.0以降)

前: CSS変換機能(0.13.0以降)

次: auCSS変換仕様(0.13.0以降)

Outline

• 変換対応表

変換対応表

変換元			docomo XHTML端末	備考
タグ	属性	CSS	変換後
hr	align=left		<hr style="float:left;">
	align=center		<hr style="float:none;">
	align=right		<hr style="float:right;">
		float:left;	<hr style="float:left;">
		float:none;	<hr style="float:none;">
		float:right;	<hr style="float:right;">
		height:char;	<hr style="height:char;">
		width:char;	<hr style="width:char;">
		border-style:solid;	<hr style="border-style:solid;">
		border-color:char;	<hr style="border-color:char">
		background-color:char;	<hr style="background-color:char">
img	src=char		<img src=char>
	align=top		<img style="vertical-align:top;">
		vertical-align:top	<img style="vertical-align:top;">	align属性を優先
	align=middle		<img style="vertical-align:middle;">	align属性を優先
	align=center		<img style="vertical-align:middle;">	align属性を優先
	align=bottom		<img style="vertical-align:bottom;">	align属性を優先
		vertical-align:bottom;	<img style="vertical-align:bottom;">	align属性を優先
	align=left		<img style="float:left;">	align属性を優先
		float:left;	<img style="float:left;">	align属性を優先
	align=right		<img style="float:right;">	align属性を優先
		float:right;	<img style="float:right;">	align属性を優先
	width=char		<img width=char>
	height=char		<img height=char>
	hspace=char		<img style="margin-left:char;margin-right:char;">
	vspace=char		<img style="margin-top:char;margin-bottom:char;">
		margin-left:char;	<img style="margin-left:char;">	hspace属性が優先
		margin-right:char;	<img style="margin-right:char;">	hspace属性が優先
		margin-top:char;	<img style="margin-top:char;">	vspace属性が優先
		margin-bottom:char;	<img style="margin-bottom:char;">	vspace属性が優先
	alt=char		<img alt=char >
		display:none;	-	タグを表示しない
div	align=left		<div style="text-align:left;">
		text-align:left;	<div style="text-align:left;">
	align=center		<div style="text-align:center;">
		text-align:center	<div style="text-align:center;">
	align=right		<div style="text-align:right;">
		text-align:right;	<div style="text-align:right;">
		text-decoration:blink;	<div style="text-decoration:blink;">
		display:-wap-marquee;	<div style="display:-wap-marquee;">
		-wap-marquee-style:slide;	<div style="-wap-marquee-style:slide;">
		-wap-marquee-style:alternate;	<div style="-wap-marquee-style:alternate;">
		-wap-marquee-dir:rtl;	<div style="-wap-marquee-dir:rtl;">
		-wap-marquee-dir:ltr;	<div style="-wap-marquee-dir:ltr;">
		-wap-marquee-loop:-1;	<div style="-wap-marquee-loop:infinite;">
		-wap-marquee-loop:0;	<div style="-wap-marquee-loop:infinite;">
		-wap-marquee-loop:1〜;	<div style="-wap-marquee-loop:1〜;">
		-wap-marquee-loop:infinite;	<div style="-wap-marquee-loop:infinite;">
		-wap-marquee-speed:slow;	-	変換なし
		-wap-marquee-speed:fast;	-	変換なし
		clear:both;	<div style="clear:both;" >
		color:char;	<div style="color:char;" >
		background-color:char;	<div style="background-color:char;" >
		font-size:xx-small;	<div style="font-size:xx-small;" >
		font-size:x-small;	<div style="font-size:x-small;" >
		font-size:small;	<div style="font-size:small;" >
		font-size:medium;	<div style="font-size:medium;" >
		font-size:large;	<div style="font-size:large;" >
		font-size:x-large;	<div style="font-size:x-large;" >
		font-size:xx-large;	<div style="font-size:xx-large;" >
center			<div style="text-align:center;" >	divタグに変換
span		color:char;	<span style="color:char;">
		background-color:char;	<span style="background-color:char;">
		text-decoration:blink;	<span style="text-decoration:blink;">
		font-size:xx-small;	<span style="font-size:xx-small;">
		font-size:x-small;	<span style="font-size:x-small;">
		font-size:small;	<span style="font-size:small;">
		font-size:medium;	<span style="font-size:medium;">
		font-size:large;	<span style="font-size:large;">
		font-size:x-large;	<span style="font-size:x-large;">
		font-size:xx-large;	<span style="font-size:xx-large;">
		display:-wap-marquee;	<span style="display:-wap-marquee;">
		-wap-marquee-style:slide;	<span style="-wap-marquee-style:slide;">
		-wap-marquee-style:alternate;	<span style="-wap-marquee-style:alternate;">
		-wap-marquee-dir:rtl;	<span style="-wap-marquee-dir:rtl;">
		-wap-marquee-dir:ltr;	<span style="-wap-marquee-dir:ltr;">
		-wap-marquee-loop:-1;	<span style="-wap-marquee-loop:infinite;">
		-wap-marquee-loop:0;	<span style="-wap-marquee-loop:infinite;">
		-wap-marquee-loop:NUM;	<span style="-wap-marquee-loop:NUM;">	NUM:回数
		-wap-marquee-speed:slow;	-	変換なし
		-wap-marquee-speed:fast;	-	変換なし
br	clear=all		<div style="clear:both;">	divタグに変換
		clear:both;	<div style="clear:both;">	divタグに変換
	clear=right		<div style="clear:right;">	divタグに変換
		clear:right	<div style="clear:right;">	divタグに変換
	clear=left		<div style="clear:left;">	divタグに変換
		clear:left;	<div style="clear:left;">	divタグに変換
		clear:none;	-	変換なし
a	id=char		<a id=char>
	name=char		<a id=char>
	accesskey=char		<a accesskey=char>
	href=char		<a href=char>
	utn		<a utn=utn>
h1	align=left		<h1 style="text-align:left;">
	align=center		<h1 style="text-align:center;">
	align=right		<h1 style="text-align:right;">
		clear:both;	<h1 style="clear:both;">
		clear:right;	<h1 style="clear:right;">
		clear:left;	<h1 style="clear:left;">
h2	align=left		<h2 style="text-align:left;">
	align=center		<h2 style="text-align:center;">
	align=right		<h2 style="text-align:right;">
		clear:both;	<h2 style="clear:both;">
		clear:right;	<h2 style="clear:right;">
		clear:left;	<h2 style="clear:left;">
h3	align=left		<h3 style="text-align:left;">
	align=center		<h3 style="text-align:center;">
	align=right		<h3 style="text-align:right;">
		clear:both;	<h3 style="clear:both;">
		clear:right;	<h3 style="clear:right;">
		clear:left;	<h3 style="clear:left;">
h4	align=left		<h4 style="text-align:left;">
	align=center		<h4 style="text-align:center;">
	align=right		<h4 style="text-align:right;">
		clear:both;	<h4 style="clear:both;">
		clear:right;	<h4 style="clear:right;">
		clear:left;	<h4 style="clear:left;">
h5	align=left		<h5 style="text-align:left;">
	align=center		<h5 style="text-align:center;">
	align=right		<h5 style="text-align:right;">
		clear:both;	<h5 style="clear:both;">
		clear:right;	<h5 style="clear:right;">
		clear:left;	<h5 style="clear:left;">
h6	align=left		<h6 style="text-align:left;">
	align=center		<h6 style="text-align:center;">
	align=right		<h6 style="text-align:right;">
		clear:both;	<h6 style="clear:both;">
		clear:right;	<h6 style="clear:right;">
		clear:left;	<h6 style="clear:left;">
meta	name=char		<meta name=char>
	content=char		<meta content=char>
	http-equiv=char		<meta http-equiv=char>
p	align=left		<p style="text-align:left;">
		text-align:left;	<p style="text-align:left;">
	align=center		<p style="text-align:center;">
		text-align:center;	<p style="text-align:center;">
	align=right		<p style="text-align:right;">
		text-align:right;	<p style="text-align:right;">
		clear:left;	<p style="clear:left;">
		clear:both;	<p style="clear:both;">
		clear:right;	<p style="clear:right;">
input	type=text		<input type="text">
	type=password		<input type="password">
	type=hidden		<input type="hidden">
	type=checkbox		<input type="checkbox">
	type=radio		<input type="radio">
	type=submit		<input type="submit">
	type=reset		<input type="reset">
	name=char		<input name="char">
	value=char		<input value="char">
	accesskey=char		<input accesskey="char">
	size=num		<input size="num">
	maxlength=num		<input maxlength="num">
	checked		<input checked="checked">
	istyle=1		<input style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">
	istyle=2		<input style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">
	istyle=3		<input style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">
	istyle=4		<input style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;	<input style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;	<input style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;	<input style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;	<input style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">
textarea	name=char		<textarea name=char>
	accesskey=char		<textarea accesskey=char>
	rows=num		<textarea rows=num>
	cols=num		<textarea cols=num>
	istyle=1		<textarea style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">
	istyle=2		<textarea style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">
	istyle=3		<textarea style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">
	istyle=4		<textarea style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;	<textarea style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;	<textarea style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;	<textarea style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">
		-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;	<textarea style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">
table	align=left		<table align=left>
		text-align:left;	<table align=left>
	align=center		<table align=center>
		text-align:center;	<table align=center>
	align=right		<table align=right>
		text-align:right;	<table align=right>
	width=num		<table width=num>
		width:num;	<table width=num>
	height=num		<table height=num>
		height:num;	<table height=num>
	border=num		<table border=num>
	bordercolor=char		<table bordercolor=char>
	bgcolor=char		<table bgcolor=char>
		background-color:char;	<table bgcolor=char>
tr	align=left		<tr align=left>
		text-align:left;	<tr align=left;>
	align=center		<tr align=center>
		text-align:center;	<tr align=center;>
	align=right		<tr align=right>
		text-align:right;	<tr align=right;>
	valign=top		<tr valign=top>
		vertical-align:top;	<tr valign=top>
	valign=middle		<tr valign=middle>
		vertical-align:middle;	<tr valign=middle>
	valign=bottom		<tr valign=bottom>
		vertical-align:bottom;	<tr valign=bottom>
	bgcolor=char		<tr bgcolor=char>
		background-color:char;	<tr bgcolor=char>
td	align=left		<td align=left>
		text-align:left	<td align=left>
	align=center		<td align=center>
		text-align:center	<td align=center>
	align=right		<td align=right>
		text-align:right	<td align=right>
	valign=top		<td valign=top>
		vertical-align:top	<td valign=top>
	valign=middle		<td valign=middle>
		vertical-align:middle	<td valign=middle>
	valign=bottom		<td valign=bottom>
		vertical-align:bottom	<td valign=bottom>
	bgcolor=char		<td bgcolor=char>
		background-color:char	<td bgcolor=char>
	width=(num|num%)		<td width=(num|num%)>
		width:num(px|%)	<td width=(num|num%)>
	height=(num|num%)		<td height=(num|num%)>
		height:num(px|%)	<td height=(num|num%)>
	colspan=num		<td colspan=num>
	rowspan=num		<td rowspan=num>
th	align=left		<th align=left>
		text-align:left	<th align=left>
	align=center		<th align=center>
		text-align:center	<th align=center>
	align=right		<th align=right>
		text-align:right	<th align=right>
	valign=top		<th valign=top>
		vertical-align:top	<th valign=top>
	valign=middle		<th valign=middle>
		vertical-align:middle	<th valign=middle>
	valign=bottom		<th valign=bottom>
		vertical-align:bottom	<th valign=bottom>
	bgcolor=char		<th bgcolor=char>
		background-color:char	<th bgcolor=char>
	width=(num|num%)		<th width=(num|num%)>
		width:num(px|%)	<th width=(num|num%)>
	height=(num|num%)		<th height=(num|num%)>
		height:num(px|%)	<th height=(num|num%)>
	colspan=num		<th colspan=num>
	rowspan=num		<th rowspan=num>
object	id=char		<object id=char >
	width=char		<object width=char >
	height=char		<object height=char >
	type=char		<object type=char >
	data=char		<object data=char >
	declare=declare		<object declare=declare >
	classid=char		-	変換なし
	codebase		-	変換なし
param	name=char		<param name=char >
	value=char		<param value=char >
	valuetype=char		<param valuetype=char >
body	bgcolor=char		<body style="background=color:char" >
		background-color:char	<body style="background=color:char" >
	text=char		<body style="color:char;" >
		color:char	<body style="color:char;" >
	link=char		<body > + <style> a:link { color: char; }</style>	styleタグをheadに追加
		<style>a:link { color:char; }</style>	<body > + <style> a:link { color: char; }</style>	styleタグをheadに追加
	vlink=char		<body > + <style> a:visited { color: char; }</style>	styleタグをheadに追加
		<style>a:visited { color:char; }</style>	<body > + <style> a:visited { color: char; }</style>	styleタグをheadに追加
	alink=char		<body > + <style> a:focus { color: char; }</style>	styleタグをheadに追加
		<style>a:focus { color:char; }</style>	<body > + <style> a:focus { color: char; }</style>	styleタグをheadに追加
	background=char		<body style="background-image:url;" >
		background-image:url(char)	<body style="background-image:url;" >
form	action=char		<form action=char >
	method=char		<form method=char >
	name=char		<form name=char >
		clear:left;	<form style="clear:left;">
		clear:both;	<form style="clear:both;">
		clear:right;	<form style="clear:right;">
select	name=char		<select name=char >
	size=char		<select size=char >
	multiple		<select multiple=multiple >
option	value=char		<option value=char >
	selected		<option selected=selected >

上: CSS変換機能(0.13.0以降)

前: CSS変換機能(0.13.0以降)

次: auCSS変換仕様(0.13.0以降)