ホームページの作り方HP

ホームページの作り方を、無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ 枠線種類-ボックススタイルシート

ボックス(divなどの四角形の境界枠)の枠線の指定　＝　
border-style:*1（左右上下全ての枠線一括指定）
border-top-style:*1（上側枠線の指定）
border-right-style:*1（右側枠線の指定）
border-left-style:*1（左側枠線の指定）
border-bottom-style:*1（下側枠線の指定）
（*1＝none,solid,dotted,dashed,double,groove,ridge,inset,outset）
none　：枠線なし
solid　：実線
dotted　：点線
dashed　：破線
double　：二重線
groove　：下記ブラウザ表示画像参照
ridge　：下記ブラウザ表示画像参照
inset　：下記ブラウザ表示画像参照
outset　：下記ブラウザ表示画像参照

＜＜　ＣＳＳファイルデータ例　＞＞

＜　ファイル名＝style.css　＞

.name1 {
border-top-style:solid;
border-right-style:dotted;
border-left-style:dashed;
border-bottom-style:double
}
.name2 {
border-style:groove
}
.name3 {
border-style:ridge
}
.name4 {
border-style:inset
}
.name5 {
border-style:outset
}

＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。 ＣＳＳ
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。
</body>
</html>

＜＜　ブラウザ表示　＞＞

スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。

ＣＳＳ

スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。

スタイルシート(CSS)

ボックスのスタイルシート(CSS)

ホームページの作り方HPTOPへ

リンク

素材リンク

HP作成リンク