border-style

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

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

セレクタ { border-style: }

目次

border-styleプロパティの説明

罫線の4辺の種類を一度に指定します。罫で囲まれた範囲が浮き出るような効果(outset)や、逆に罫で囲まれた範囲がくぼんで見えるような効果(inset)が可能です。

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

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

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

<head>
 <style type="text/css">
  <!--
  p { border-width:6px ;
    border-color:#cc0099 ;
    border-style:outset}
  -->
 </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-styleプロパティの表示例


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

Powered by Web Professional

目次