インラインstyle属性

個々の“要素”のタグに style属性としてスタイル情報を埋め込むことで、
そのタグ（“要素”）の範囲にスタイルを設定します。
スタイルを適用する対象はタグによって明らかなので、
style属性ではセレクタを用いず、宣言のみを記述します。

特定の文字の大きさを変える

<span style="font-size:文字の大きさ;">文字列</span>
<span style="font-size:10px;">文字列</span>　　　　　　　　　　　　文字列　　　　　　　<span style="font-size:20px;">文字列</span>　　　　　　文字列　　　　　　　<span style="font-size:30px;">文字列</span>　　　文字列　　　　　　　<span style="font-size:40px;">文字列</span>　　文字列　　　　　　　<span style="font-size:50px;">文字列</span>　文字列

<span style="font-size:文字の大きさ;">文字列</span>
<span style="font-size:xx-small;">文字列</span>　　　　　　　　　　　　　　　　　　文字列　　　　　　　<span style="font-size:x-small;">文字列</span>　　　　　　　　　　文字列　　　　　　　　 <span style="font-size:small;">文字列</span>　　　　　　　　　文字列　　　　　　 <span style="font-size:medium;">文字列</span>　　　　　　　　文字列　　　　　　　　　 <span style="font-size:large;">文字列</span>　　　　　文字列　　　　　　 <span style="font-size:x-large;">文字列</span>　　文字列　　　　　　<span style="font-size:xx-large;">文字列</span> 文字列

一部分だけの文字サイズを変える

<FONT size="文字の大きさ" style="vertical-align:揃え方;">文字列</FONT>
<FONT size="6" style="vertical-align:baseline;">文字列</FONT> baselineでは文字列この様になります <FONT size="6" style="vertical-align:super;">文字列</FONT> superでは文字列この様になります <FONT size="6" style="vertical-align:sub;">文字列</FONT> subでは文字列この様になります <FONT size="6" style="vertical-align:top;">文字列</FONT> topでは文字列この様になります <FONT size="6" style="vertical-align:middle;">文字列</FONT> middleでは文字列この様になります <FONT size="6" style="vertical-align:bottom;">文字列</FONT> bottomでは文字列この様になります

文字サイズと行間を変える

<SPAN style="font-size:文字の大きさ;line-height:行間;">文字列</SPAN>
<SPAN style="font-size:15px;line-height:25px;"> 個々の“要素”のタグに style属性としてスタイル情報を埋め込むことで、そのタグ（“要素”）の範囲にスタイルを設定します。スタイルを適用する対象はタグによって明らかなので、 style属性ではセレクタを用いず、宣言のみを記述します </SPAN>
個々の“要素”のタグに style属性としてスタイル情報を埋め込むことで、そのタグ（“要素”）の範囲にスタイルを設定します。スタイルを適用する対象はタグによって明らかなので、 style属性ではセレクタを用いず、宣言のみを記述します

文字列の行間を変える

<DIV style="line-height:行間;">文字列</DIV>
<DIV align=center style="line-height:1.5"> <FONT color="#cc3300"> 個々の“要素”のタグに style属性としてスタイル情報を埋め込むことで、そのタグ（“要素”）の範囲にスタイルを設定します。スタイルを適用する対象はタグによって明らかなので、 style属性ではセレクタを用いず、宣言のみを記述します。 </FONT></DIV>
個々の“要素”のタグに style属性としてスタイル情報を埋め込むことで、そのタグ（“要素”）の範囲にスタイルを設定します。スタイルを適用する対象はタグによって明らかなので、 style属性ではセレクタを用いず、宣言のみを記述します。

文字の種類を指定する

<SPAN style="font-family:'フォント名'">文字列donbey</SPAN>

<SPAN style="font-family:ＭＳ明朝">文字列donbey</SPAN>　　　　　　　　　　　　　　　　

<SPAN style="font-family:HG丸ゴシックM-PRO">文字列donbey</SPAN> 　　　　　　　　　　

<SPAN style="font-family:HG創英角ポップ体">文字列donbey</SPAN> 　　　　　　　　　　

<SPAN style="font-family:HG行書体">文字列donbey</SPAN> 　　　　　　　　　　　　　　　　

<SPAN style="font-family:serif">文字列donbey</SPAN>　　　　　　　　　　　　　　　　　　　

<SPAN style="font-family:sans-serif">文字列donbey</SPAN>　　　　　　　　　　　　　　　　

<SPAN style="font-family:cursive">文字列donbey</SPAN> 　　　　　　　　　　　　　　　　　　

<SPAN style="font-family:fantasy">文字列donbey</SPAN>　　　　　　　　　　　　　　　　　　

<SPAN style="font-family:monospace">文字列donbey</SPAN> 　　　　　　　　　　　　　　　　
　　　

文字列donbey

文字列donbey

文字列donbey

文字列donbey

文字列donbey

文字列donbey

文字列donbey

文字列donbey

文字列donbey

文字のアンダーライン種類を指定する

<SPAN style="border-bottom-style:線の種類;">文字列</SPAN>
<SPAN style="border-bottom-style:dotted;">文字列</SPAN>　　文字列 <SPAN style="border-bottom-style:dashed;">文字列</SPAN>　文字列 <SPAN style="border-bottom-style:solid;">文字列</SPAN>　　　文字列 <SPAN style="border-bottom-style:double;">文字列</SPAN> 　　文字列 <SPAN style="border-bottom-style:groove;">文字列</SPAN>　　文字列 <SPAN style="border-bottom-style:ridge;">文字列</SPAN> 　　　文字列 <SPAN style="border-bottom-style:inset;">文字列</SPAN>　　　文字列

<SPAN style="border-bottom-style:線の種類;border-bottom-width:線の太さ;">文字列</SPAN>
<SPAN style="border-bottom-style:dotted;border-bottom-width:2;">文字列</SPAN> 　　　文字列 <SPAN style="border-bottom-style:dashed;border-bottom-width:2;">文字列</SPAN>　　　文字列 <SPAN style="border-bottom-style:solid;border-bottom-width:2;">文字列</SPAN>　　　　　文字列

<SPAN style="border-bottom-style:線の種類;border-bottom-color:線の色;">文字列</SPAN>
<SPAN style="border-bottom-style:dotted;border-bottom-color:red;">文字列</SPAN> 　　　文字列 <SPAN style="border-bottom-style:dotted;border-bottom-color:blue;">文字列</SPAN>　　　文字列 <SPAN style="border-bottom-style:dashed;border-bottom-color:#00ff00;">文字列</SPAN>　　文字列 <SPAN style="border-bottom-style:dashed;border-bottom-color:#000000;">文字列</SPAN>　　文字列 <SPAN style="border-bottom-style:solid;border-bottom-color:#ffff00;">文字列</SPAN>　　　文字列 <SPAN style="border-bottom-style:solid;border-bottom-color:#ff00ff;">文字列</SPAN>　　　　文字列

文字列の配置を指定する

[左右均等配置]　　<P style="text-align:justify;text-justify:distribute-all-lines;">文字列</P>
<P style="text-align:justify;text-justify:distribute-all-lines;">ひとまとまりの内容を、１つの段落として設定しておくと、<BR>格段にスペースが出来て、内容の区切りが解りやすくなります。<BR> 段落を設定するには、文字列を＜Ｐ＞タグで挟みます。<P>

<DIV style="text-align:justify;text-justify:distribute-all-lines;"><P>＊段落を設定したい＊</P> <P>ひとまとまりの内容を、１つの段落として設定しておくと、<BR> 格段にスペースが出来て、内容の区切りが解りやすくなります。<BR>段落を設定するには、文字列を＜Ｐ＞タグで挟みます。</P></DIV>

<P style="position:absolute;移動する基準:移動距離;">文字列</P>
<P style="position:absolute;top:50px;">文字列</P>
<P style="position:absolute;bottom:150px;">文字列</P>
<P style="position:absolute;left:100px;">文字列</P>
<P style="position:absolute;right:100px;">文字列</P>

箇条書きに画像を入れる

<UL style="list-style-image:url(画像ファイ名);"><LI>文字列</LI><LI>文字列</LI><LI>文字列</LI></UL>
<UL style="list-style-image:url(http://www5b.biglobe.ne.jp/~donbey/g11.gif);"> <LI>犬　種　：シーズー</LI> <LI>名　前　：ドンベー</LI> <LI>誕生日　：１９９５年７月５日</LI> <LI>特　技　：＊＊＊＊＊＊＊＊＊＊＊＊</LI> </UL>
犬　種　：シーズー名　前　：ドンベー誕生日　：１９９５年７月５日特　技　：＊＊＊＊＊＊＊＊＊＊＊＊

　