文章や文字、画像を枠で囲む
HTML文書を使った ホームページやブログなどのウェブサイトにでは、文章や文字、画像を枠で囲んで表示することができます。
四辺の太さを同一で指定する場合
<タグ名 style="border-width:四辺の太さ">～</タグ名>
上下の辺および左右の辺の太さをそれぞれ同一で指定する場合
<タグ名 style="border-width:上下の辺の太さ 左右の辺の太さ">～</タグ名>
上下左右の辺の太さをそれぞれ個別で指定する場合
<タグ名 style="border-width:上辺の太さ 右辺の太さ 下辺の太さ 左辺の太さ">～</タグ名>
上辺の太さのみを指定する場合
<タグ名 style="border-top-width:上辺の太さ">～</タグ名>
下辺の太さのみを指定する場合
<タグ名 style="border-bottom-width:下辺の太さ">～</タグ名>
左辺の太さのみを指定する場合
<タグ名 style="border-left-width:左辺の太さ">～</タグ名>
右辺の太さのみを指定する場合
<タグ名 style="border-right-width:右辺の太さ">～</タグ名>
- タグ名：P、DIV および SPAN タグなどが一般的ですが、ほとんどのブロックタグおよびインラインタグが使用できます。
- 各辺の太さ：ピクセル指定が一般的ですが、その他にも下記の絶対サイズおよび相対サイズから指定できます。>
絶対サイズ 意味 in インチ（ 1 in = 25.4 mm ） cm センチメートル mm ミリメートル pt ポイント（ 1 pt = 1/72 in） pc パイカ（ 1 pc = 12 pt ） px※ ピクセル（表示上の 1 ドット幅） 相対サイズ 意味 em 基準書体の文字の高さ ex 基準書体の文字 x の高さ キーワード 枠の太さ thin 細線 thick 太線 medium 中程度の太さの線 ※正確にはデバイス依存の相対サイズ
サンプルです。
この段落は、上辺を5ピクセル、右辺を10ピクセル、下辺を15ピクセル、左辺を20ピクセルの実線で指定しています。
border-width を使用する場合は、border-style で枠線の種類も指定しないと正しく表示されないことがあります。
border-width を使用する場合は、border-style で枠線の種類も指定しないと正しく表示されないことがあります。
このソースは、次のようになります。
<div style="border-width:5px 10px 15px 20px;border-style:solid;">
この段落は、上辺を5ピクセル、右辺を10ピクセル、下辺を15ピクセル、左辺を20ピクセルの実線で指定しています。<br>
border-width を使用する場合は、border-style で枠線の種類も指定しないと正しく表示されないことがあります。
</div>
border-width を使用する場合は、border-style で枠線の種類も指定しないと正しく表示されないことがあります。
ランキングに参加中です! お役に立てたらクリックをお願いします→
同一カテゴリ内一覧
コンピュータとインターネット > データ形式 > HTML > リファレンス