border-top

提供: ASCII.jp CSSリファレンス

役割・機能 罫線の上辺の指定を一度に行う
適用 すべて
継承の有無 継承なし
書式

セレクタ { border-top: }

目次

border-topプロパティの説明

罫線の上辺の色を指定します。border-top-styleと組み合わせて指定します。同様に、罫線の右辺の色はborder-right-color、左辺の色はborder-left-color、下辺の色はborder-bottom-colorで指定することができます。

border-top-colorプロパティに指定可能な値

属性値 説明
カラーネーム カラーネームを入力する
カラーコード カラーコードを入力する

border-top-styleプロパティに指定可能な値

属性値 説明
none なし
hidden 表示しない
solid 実線
double 2重線
dashed 破線
dotted 点線
groove 凹状の立体的な線
ridge 凸状の立体的な線
inset 内側が凹状の立体的な線
outset 内側が凸状の立体的な線

border-top-widthプロパティに指定可能な値

属性値 説明
単位付きの数値 単位付きの数値を入力する
thin 細線
thick 太線
medium 標準

border-topプロパティの記述例

<head>
 <style type="text/css">
  <!--
  p { border-top:8px dashed #cc0099}
  -->
 </style>
</head>
<body>
 <h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
 <p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS</p>
 <p>2001.8.10 Release, PCD-18502 ¥3,000(w/o TAX)</p>
  

border-topプロパティの表示例


border-topプロパティの関連項目

Powered by Web Professional

目次