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

border-style

枠線のスタイルを一括で指定します。

{ border-style: ○ }
○ : 上下左右
{ border-style: △ ▲ }
△ : 上下
▲ : 左右
{ border-style: □ ■ ◇ }
□ : 上
■ : 左右
◇ : 下
{ border-style: ☆ ★ ▽ ▼ }
☆ : 上
★ : 右
▽ : 下
▼ : 左
none : 枠線を表示しない
hidden : 枠線を表示しない
dotted : 点線
dashed : 破線
solid : 実線
double : 二重線
groove : 線が凹んだように見える枠線
ridge : 線が浮き上がったように見える枠線
inset : 内部が線より凹んだように見える枠線
outset : 内部が線より浮き上がったように見える枠線

対応ブラウザ

IE・NN・Gecko

使用例

例文:
スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ border-style: double } の場合

スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ border-style: double solid } の場合

スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ border-style: double groove ridge } の場合

スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

{ border-style: groove ridge inset outset } の場合

スタイルシートに興味のある方はこのサイトを参考にしていただけると幸いです。ほとんどのブラウザーは表示をチェックして問題ない状態にしてあります。もちろんNN・IE共に4.x以下は切り捨てて作成してあります。そうでもしないとスタイルシートはほとんど使えませんので。

ボックスに関するスタイルシート

margin マージンを一括で指定します。
margin-top 上側のマージンを指定します。
margin-right 右側のマージンを指定します。
margin-bottom 下側のマージンを指定します。
margin-left 左側のマージンを指定します。
padding パディングを一括で指定します。
padding-top 上側のパディングを指定します。
padding-right 右側のパディングを指定します。
padding-bottom 下側のパディングを指定します。
padding-left 左側のパディングを指定します。
border 枠線を一括で指定します。
border-top 上側の枠線を一括で指定します。
border-right 右側の枠線を一括で指定します。
border-bottom 下側の枠線を一括で指定します。
border-left 左側の枠線を一括で指定します。
border-width 枠線の太さを一括で指定します。
border-top-width 上側の枠線の太さを指定します。
border-right-width 右側の枠線の太さを指定します。
border-bottom-width 下側の枠線の太さを指定します。
border-left-width 左側の枠線の太さを指定します。
border-style 枠線のスタイルを一括で指定します。
border-top-style 上側の枠線のスタイルを指定します。
border-right-style 右側の枠線のスタイルを指定します。
border-bottom-style 下側の枠線のスタイルを指定します。
border-left-style 左側の枠線のスタイルを指定します。
border-color 枠線の色を一括で指定します。
border-top-color 上側の枠線の色を指定します。
border-right-color 右側の枠線の色を指定します。
border-bottom-color 下側の枠線の色を指定します。
border-left-color 左側の枠線の色を指定します。
width 幅を指定します。
height 高さを指定します。