border

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

役割・機能 罫線のスタイルを一括指定する
適用 すべて
継承の有無 継承なし
書式

セレクタ { border: }

目次

borderプロパティの説明

4辺の罫線の種類、太さ、色の設定を一度に行います。値は半角スペースで区切って記述します。この場合、値の順番は問われません。

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

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

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

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

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

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

borderプロパティの記述例

<head>
 <style type="text/css">
  <!--
  h3 { border:4px #cc0099 dashed}
  p { border:4px #9999ff dashed}
   --!>
 </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> … 以下略
  

borderプロパティの表示例


borderプロパティの関連項目

Powered by Web Professional

目次