『 ３２ 構造編（１）Bトップページの作成-CSS編⑨要素範囲の外枠に線をつける 』

• <<前の記事へ
• 次の記事へ>>

ﾄｯﾌﾟﾍﾟｰｼﾞ
• ●記事トップ
• 
• 『　３２　』
  
• 2009年1月
• 
• ２４日

• ※[ ６ ] ＨＴＭＬ-構造編(1)B トップページの作成-CSS編
  
• ⑨要素範囲の外枠に線をつける

---

●日記一覧リニューアル

初期の値が何も設定されていない要素範囲の外枠に、線をつけていきます。

境界線プロパティborder

境界線プロパティborderの設定をします。初期値は「無し　太さ0」です。

上記例に従い
１．種類
(border-widthプロパティで個別に設定可)
２．太さ
(border-styleプロパティで個別に設定可)
３．色
(border-colorプロパティで個別に設定可)
の順番に記述し
ていきます。

■■■■■■■

仲間だいすけ(ＤＡＩ)のＨＰ制作過程

■■■■■■■
【設定例】

１．種類→dotted etc.
２．太さ→１px etc.
３．色→#DCDCDC etc.

「３．色」の指定については色一覧ページを参考に基本色を除き#000000書式で色の指定をする仲間でした(^^)

このページ『　３２　』のトップ

応用

【１．種類】
以下は線の種類の具体例です。

none 線無し 太さ0(初期値)
hidden 線非表示
solid 実線
dashed 破線
dotted 点線
double 二重線
groove 線自体が立体的にへこんで見える
ridge 線自体が立体的に隆起して見える
inset 線で囲まれた範囲が立体的にへこんで見える
outset 線で囲まれた範囲に隆起して見える

【２．太さ】
数値にpxなどの単位をつけて指定する一般的方法のほか、以下の設定もできます。

thin 細いボーダー
medium 中くらいのボーダー
thick 太いボーダー

このページ『　３２　』のトップ

まとめ

このページ『　３２　』のトップ

• <<前の記事へ
• 次の記事へ>>