【どろつくどん】

Background

background 背景

background-color 背景色の指定
background-image 背景画像の指定・・・ＵＲＬの：を＆＃５８；にしないと表示しない
background-position 横方向と縦方向の位置を指定・・・ｐを＆＃１１２；にしないと指定できない
横方向・・・left（左）・center（中央）・right（右）　　縦方向・・・top（上）・center（中央）・bottom（下）
background-repeat・・・repeat-x（横に並べる）・repeat-y（縦に並べる）・no-repeat（1つだけ表示）

飛龍どろつくどんの会　飛龍どろつくどんの会　飛龍どろつくどんの会

飛龍どろつくどんの会　飛龍どろつくどんの会　飛龍どろつくどんの会

||<#ffffff' style='background-color:pink;word-spacing:525px;background-image:url(http&☆#58;//〜画像ＵＲＬ);background-&☆#112;osition:center center;background-repeat:no-repeat;' ``飛龍どろつくどんの会　飛龍どろつくどんの会　飛龍どろつくどんの会||　
　　　　↑ めちゃめちゃ、ややこしいな（笑）　　全角スペースを入れると改行します。

Line

overline 上線

border-top・・・線　太さ（数値+ｐｘ）／種類（solid 実線・dotted 点線・dashed 破線・double 二重線）／色
padding・・・余白指定（数値+ｐｘ）　width・・・横幅（数値+ｐｘ）

飛龍どろつくどんの会のBLOGへようこそ！

飛龍どろつくどんの会のBLOGへようこそ！

飛龍どろつくどんの会のBLOGへようこそ！

飛龍どろつくどんの会のBLOGへようこそ！

||<#ffffff' style='padding:1px;border-top:1px dotted gold;' ``飛龍どろつくどんの会のBLOGへようこそ！||

underline 下線

border-bottom・・・線　太さ（数値+ｐｘ）／種類（solid 実線・dotted 点線・dashed 破線・double 二重線）／色
padding・・・余白指定（数値+ｐｘ）　width・・・横幅（数値+ｐｘ）

飛龍どろつくどんの会のBLOGへようこそ！

飛龍どろつくどんの会のBLOGへようこそ！

飛龍どろつくどんの会のBLOGへようこそ！

飛龍どろつくどんの会のBLOGへようこそ！

||<#ffffff' style='padding:0px;border-bottom:1px dotted navy;' ``飛龍どろつくどんの会のBLOGへようこそ！||

overline&underline 上下線

飛龍どろつくどんの会のBLOGへようこそ！

||<#ffffff' style='padding:1px;border-top:3px double navy;border-bottom:3px double navy;' ``飛龍どろつくどんの会のBLOGへようこそ！||

line 線

||<#ffffff' style='width:560px;border-bottom:5px double orange;' ``　|| 

Boder

border 枠線

border-width 太さを指定・・・thin（細い線）・medium（中間の線）・thick（太い線）・px（太さ指定）
border-color 色を指定　
border-style 種類を指定・・・solid（普通線）・double（二重線）・groove（谷型）・ridge（山型）
　　　　　　　　　　　　　　　　　　inset（凹型）・outset（凸型）・dotted（点線）・dashed（大きい点線）

どろつくどん	どろつくどん	どろつくどん	どろつくどん

どろつくどん	どろつくどん	どろつくどん	どろつくどん

||<#ffffff' style=border-color:red;border-width:thin;border-style:solid;' ``どろつくどん||

Font

font 文字

font-style・・・斜体　　italic
font-weight・・・太さ　　bold/bolder/lighter又は絶対数値指定可（100〜900）
font-size・・・大きさ　　数値+単位（pt・ %他）
　　（小）xx-small・x-small・small・medium・large・x-large・xx-large（大）でも指定できる

どろつくどん

どろつくどん

どろつくどん

font-family

総称名 (generic family)
sans-serif ゴシック体系／serif 明朝体系／cursive 筆記体系／fantasy 装飾系／monospace 等幅系
フォント名 (family name)
Arial/Century/Courier/Impact/Tahoma他・・・英文フォント
'HG行書体'/'HG丸ｺﾞｼｯｸM-PRO'/'HG教科書体'/'HG創英角ﾎﾟｯﾌﾟ体'他・・・和文フォント

閲覧者が利用しているＰＣにインストールされているフォントだけしか表示しません。
ﾌｫﾝﾄ名にｽﾍﾟｰｽが含まれる場合は、ﾀﾞﾌﾞﾙクォーテーション（ " ）かｼﾝｸﾞﾙクォーテーション（ ' ）で括る。
第一候補・第二候補・・・を，（カンマ）で区切り最後にはgeneric-familyを指定しましょう。
インストールされていないフォントしか指定していない場合デフォルトのフォントで表示されます。

generic family

どろつくどん

どろつくどん

どろつくどん

DOROTSUKUDON

どろつくどん

英文フォント

DOROTSUKUDON

DOROTSUKUDON

DOROTSUKUDON

DOROTSUKUDON

DOROTSUKUDON

和文フォント

どろつくどん

どろつくどん

どろつくどん

どろつくどん

||<#ffffff' style=font-size:30pt;font-weight:900;font-style:italic;font-family:Impact,'HG丸ｺﾞｼｯｸM-PRO',serif;' ``どろつくどん||

どろつくどん

line-height・・・行間　　数値（倍数）又は %
text-align・・・位置　　left（左側）・center（中央）・right（右側）
text-decoration・・・線　　overline（上線）・underline（下線）・line-through（抹消線）
width・・・横幅／height・・・高さ　　数値+単位（px）か %
word-spacing・・・単語の間隔　　数値+単位（px）
writing-mode・・・表記　　tb-rl（縦書き）　　

行間

||<#ffffff' style=width:560px;height:150px;line-height:2;' ``どろつくどん どろつくどん どろつくどん どろつくどん どろつくどん||

どろつくどん どろつくどん どろつくどん どろつくどん どろつくどん

位置

||<#ffffff' style=width:560px;text-align:center;' ``どろつくどん どろつくどん どろつくどん どろつくどん どろつくどん||

どろつくどん どろつくどん どろつくどん どろつくどん どろつくどん

どろつくどん どろつくどん どろつくどん どろつくどん どろつくどん

線

||<#ffffff' style='text-decoration:underline overline;' ``どろつくどん||

どろつくどん

どろつくどん

どろつくどん

単語の間隔

||<#ffffff' style=word-spacing:30px;' ``ど ろ つ く ど ん||

ど ろ つ く ど ん

縦書き

||<#ffffff' style=width:560px;writing-mode:tb-rl;' ``どろつくどん どろつくどん どろつくどん どろつくどん どろつくどん||

どろつくどん どろつくどん どろつくどん どろつくどん どろつくどん

Color

color 色

Black Gray Silver White Yellow Magenta Red Green Blue Maroon Lime Aqua Navy Purple Teal Olive
カラーコード ⇒ http://www.cgiboy.com/color/

飛	龍	ど	ろ	つ	く	ど	ん	の	会

ど	ろ	つ	く	ど	ん

||<#ffffff' style=color:Navy;' ``どろつくどん||

　　　　　　↑ 背景色　　　　　　　　↑ 文字色

Emboss

どろつくどん

Engrave

どろつくどん

||<#000000' style='font-size:25pt;font-weight:bold;color:#ffffff;filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);' ``どろつくどん|| ← EMBOSS
||<#000000' style='font-size:25pt;font-weight:bold;color:#ffffff;filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5);' ``どろつくどん|| ← ENGRAVE