HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) JavaScript(制作中)
WEBカラー HTMLタグ(目的別) スタイルシート(目的別) 優良デザイン 特殊文字
WEB画像 WEBの現場から インターネット用語 フリーイラスト素材 執筆書籍の紹介

 
トップページ > スタイルシートリファレンス > border-top-color

★スタイルシートリファレンス

border-top-color・・・・・上ボーダーの色を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7 Netscape6Netscape7 Opera6Opera7Opera8Opera9 Firefox1Firefox2

border-top-colorプロパティは、上ボーダーの色を指定する際に使用します。 上下左右のボーダーの色をまとめて指定する際には、border-colorを使用してください。

■値

#000000などの記述やカラーネームで色指定をします。
transparent
ボーダーの色を透明にします。

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

p {border-style: solid;}
p.sample1 {border-top-color: #0000ff;}
p.sample2 {border-top-color: red;}

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample1">#0000ff</p>
<p class="sample2">red</p>
</body>
</html>
↓↓↓

ブラウザ上の表示

#0000ff

red


 

■関連項目

border・・・・・・・・・・・・・・・・・・・・・・・ボーダーのスタイル・太さ・色を指定する
border-color・・・・・・・・・・・・・・・・・ボーダーの色を指定する
border-style・・・・・・・・・・・・・・・・・ボーダーのスタイルを指定する
border-width・・・・・・・・・・・・・・・・ボーダーの太さを指定する
border-top・・・・・・・・・・・・・・・・・・上ボーダーのスタイル・太さ・色を指定する
border-top-color・・・・・・・・・・・・上ボーダーの色を指定する
border-top-style・・・・・・・・・・・・上ボーダーのスタイルを指定する
border-top-width・・・・・・・・・・・・上ボーダーの太さを指定する
border-bottom・・・・・・・・・・・・・・・下ボーダーのスタイル・太さ・色を指定する
border-bottom-color・・・・・・・・・下ボーダーの色を指定する
border-bottom-style・・・・・・・・・下ボーダーのスタイルを指定する
border-bottom-width・・・・・・・・・下ボーダーの太さを指定する
border-left・・・・・・・・・・・・・・・・・・左ボーダーのスタイル・太さ・色を指定する
border-left-color・・・・・・・・・・・・・左ボーダーの色を指定する
border-left-style・・・・・・・・・・・・・左ボーダーのスタイルを指定する
border-left-width・・・・・・・・・・・・左ボーダーの太さを指定する
border-right・・・・・・・・・・・・・・・・・右ボーダーのスタイル・太さ・色を指定する
border-right-color・・・・・・・・・・・右ボーダーの色を指定する
border-right-style・・・・・・・・・・・右ボーダーのスタイルを指定する
border-right-width・・・・・・・・・・・右ボーダーの太さを指定する

▲ページ先頭へ
トップページ > スタイルシートリファレンス > border-top-color

HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) JavaScript(制作中)
WEBカラー HTMLタグ(目的別) スタイルシート(目的別) 優良デザイン 特殊文字
WEB画像 WEBの現場から インターネット用語 フリーイラスト素材 執筆書籍の紹介
HTMLクイックリファレンスについて
©2008 HTMQ