Wiki文法でボックス枠を付ける

ボックスはスタイルシートの一つの四角形の範囲を決める要素（タグ）です。
まず、覚えてほしいのは、ボックスの属性のborder（ボーダー）の使い方です。
これはテーブルの属性と同じ使い方で、枠の太さを変えられます。

さらに「solid、double、groove、ridge、outset、inset、dotted、dashed」を使って
枠の種類を変えられるはボックスの特性です。

Wiki文法でボックス枠を付ける

ボックスの属性のひとつを使ってborderとサイズを指定して、様々な枠を作る

基本サンプル

||<#FFFFFF' style='border:○px △' ``ここに文字を入れる||

○に枠の太さ
△に枠の種類を決め、枠の種類についてはサンプルを参照に

solidボックス

doubleボックス

grooveボックス

ridgeボックス

outsetボックス

insetボックス

dottedボックス

dashedボックス

基本サンプル

||<#FFFFFF' style='border:2px solid' ``solidボックス||
||<#FFFFFF' style='border:2px inset' ``doubleボックス||
||<#FFFFFF' style='border:2px groove' ``grooveボックス||
||<#FFFFFF' style='border:2px ridge' ``ridgeボックス||
||<#FFFFFF' style='border:2px outset' ``outsetボックス||
||<#FFFFFF' style='border:2px inset' ``insetボックス||
||<#FFFFFF' style='border:2px dotted' ``dottedボックス||
||<#FFFFFF' style='border:2px dashed' ``dashedボックス||

Wiki文法でボックス枠を付け太さも変える

基本サンプル

solidボックス

doubleボックス

grooveボックス

ridgeボックス

outsetボックス

insetボックス

dottedボックス

dashedボックス

基本サンプル

||<#FFFFFF' style='border:2px solid' ``solidボックス||
||<#FFFFFF' style='border:3px inset' ``doubleボックス||
||<#FFFFFF' style='border:4px groove' ``grooveボックス||
||<#FFFFFF' style='border:5px ridge' ``ridgeボックス||
||<#FFFFFF' style='border:6px outset' ``outsetボックス||
||<#FFFFFF' style='border:7px inset' ``insetボックス||
||<#FFFFFF' style='border:8px dotted' ``dottedボックス||
||<#FFFFFF' style='border:9px dashed' ``dashedボックス||

---

ボックスの枠色の変え方はこちら
http://blogs.yahoo.co.jp/kagemusyamk1/26583977.html

[まゆ＠旧：翔波]

転載させてください！