レンタリースKANSAI★スタッフブログ

簡易タグ

　　・実線　→　実線で囲む　
　　　　　　　　　　　<font style="border:solid">　実線で囲む　</font>

　　・破線　→　破線で囲む　
　　　　　　　　　　　<font style="border:dashed">　破線で囲む　</font>

　　・点線　→　点線で囲む　
　　　　　　　　　　　<font style="border:dotted">　点線で囲む　</font>

　　・二重線　→　二重線で囲む　
　　　　　　　　　　　<font style="border:double">　二重線で囲む　</font>


　　・枠がくぼんでる　→　枠がくぼんでる　
　　　　　　　　　　　<font style="border:groove">　枠がくぼんでる　</font>

　　・額縁みたい　→　額縁風　
　　　　　　　　　　　<font style="border:ridge">　額縁風　</font>

　　・全体がへこんでる　→　へこんでる　
　　　　　　　　　　　<font style="border:inset">　へこんでる　</font>

　　・全体が盛り上がってる　→　盛り上がってる　
　　　　　　　　　　　<font style="border:outset">　盛り上がってる　</font>


簡易タグより詳細を設定するときや、文章を囲むときは、それに対応する値を指定してあげます


<div style="text-align:center"><p style="width:130px;height:15px;text-align:center;padding:10px;border-style:solid;border-width:1px;border-color:#ff3399">実線で囲まれています。</p></div>

ここに文章を書いていきます。
2行目を書きます
3行目を書きます

<p style="width:280px;height:150px;text-align:left;padding:10px;border-style:solid;border-width:1px;border-color:#ff3399">ここに文章を書いていきます。
2行目を書きます
3行目を書きます</p>

* 枠の幅⇒width:○○px　数値で設定
* 枠の高⇒height:○○px　数値で設定
* 枠の色⇒border-color:#○○○○
　　　　　　　　　　　　　　　《例》#ff0000なら赤　#ff3399ならピンクです
* 枠の線⇒border-style:○○
　　　　　　　　　　　　　　　solid=実線
　　　　　　　　　　　　　　　dashed=破線
　　　　　　　　　　　　　　　dotted=点線　
　　　　　　　　　　　　　　　double=二重線　
　　　　　　　　　　　　　　　groove=くぼみ　
　　　　　　　　　　　　　　　ridge=額縁風　
　　　　　　　　　　　　　　　inset=へこみ　
　　　　　　　　　　　　　　　outset=盛り上がり
* 枠の線幅⇒border-width:○○px　数値で設定
* 字の位置⇒text-align:○○
　　　　　　　　　　　　　　　left=左詰
　　　　　　　　　　　　　　　right=左詰
　　　　　　　　　　　　　　　center=中央
* 余白⇒padding:○○px　数値で設定

色々数値などを変えて確認してみてくださいね！

ではでは、タンディガータンディー♪ （ありがとう！）