TOPページ >  文章を修飾する(背景色、画像、枠など...) > 文字や文章、画像を囲む枠の色を指定する

文字や文章、画像を囲む枠の色を指定する

HTML文書を使った ホームページやブログなどのウェブサイトで、BORDER-WIDHTを使って文章や文字、画像を枠で囲んで表示する際に、枠線の色を指定することができます。

<タグ名 style="border-color:色番号または色名称">~</タグ名>
  1. タグ名:P、DIV および SPAN タグなどが一般的ですが、ほとんどのブロックタグおよびインラインタグが使用可能です。
  2. 色番号または色名称l:『#FF0000』などの 16進数表記、または『 red 』などの色名称で指定します。カラー見本はこちらでご紹介しています。

サンプルです。

この段落文章を 太さ 10ピクセルの実線の、赤色の枠で囲みます。
枠の色を指定する際には、枠の太さと枠線の種類も同時に指定してください。

このソースは、次のようになります。

<div style="border-color:red;border-width:10px;border-style:solid;">
この段落文章を 太さ 10ピクセルの実線の、赤色の枠で囲みます。<br>
枠の色を指定する際には、枠の太さと枠線の種類も同時に指定してください。
</div>

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
フィールド指定して文章を枠で囲む
文字や文章、画像の行揃えを指定する
文章や文字、画像を囲む枠の太さ、色、種類をまとめて指定する
文章や文字、画像を囲む枠の種類を指定する
文字や文章、画像を囲む枠の色を指定する
文章や文字、画像を枠で囲む
マージンとパディングの違い
余白を入れる(パディング)
余白を入れる(マージン)
改行する/改行を禁止する
文章の背景色、背景画像、配置方法をまとめて指定する
文字や文章、テーブルなどの背景画像の位置を指定する
文章の背景に画像を固定表示する
文章の背景に指定した画像を繰返し表示する
段落文章の横幅を指定する
文章の行間隔を指定する
文章の背景画像を指定する
文章の背景色を指定する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス