Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

BORDERボーダーTOPCSSPropertiesBorder

  1. border-colorボーダー(枠線)の色
  2. border-styleボーダー(枠線)の種類
  3. border-widthボーダー(枠線)の幅
  4. borderボーダーのショートハンドプロパティ

border-styleボーダー(枠線)の種類

プロパティの値<border-style>{1,4} | inherit
初期値none
対象要素全要素
継承しない
%無効
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

ボーダー(上下左右)の種類を指定します。

プロパティの書式機能
border-style: <border-style>線の種類を指定
border-style: inherit継承

識別子によるプロパティの個別記述

-top, -right, -bottom, -left の識別子を付加することにより、上下左右のボーダーの個別指定が可能です。

プロパティの書式機能
border-top-style: <border-style>上部ボーダーの種類を指定
border-right-style: <border-style>右側ボーダーの種類を指定
border-bottom-style: <border-style>下部ボーダーの種類を指定
border-left-style: <border-style>左側ボーダーの種類を指定

線の種類のショートハンド記述

指定する値の個数によって、指定できる箇所が変わります。

プロパティの書式機能
border-style: <s1>線の種類をまとめて一括指定 (上下左右)
border-style: <s1> <s2> 線の種類を指定 (上下 - 左右)
border-style: <s1> <s2> <s3>線の種類を指定 (上 - 左右 - 下)
border-style: <s1> <s2> <s3> <s4>線の種類を指定 (上 - 右 - 下 - 左)

EXAMPLE

border-style: <border-style>には次の値を指定することができます。

none hidden dotted dashed solid
double groove ridge inset outset
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.