枠線のスタイルを指定する

サンプルソース


td { border-style: double; }
td { border-style: solid solid double double; }

解説


border-style・・・枠線のスタイル(none:線なし,dotted:点線,dashed:破線, solid:実線, double:二重線, groove:窪み線, ridge:隆起線, inset:内側線, outset:外側線)

表示例

dotted dashed solid double
groove ridge inset outset
 
border-style:dotted solid solid solid
border-style:dashed solid dashed solid



関連する内容

  • マージン(外側の余白)を指定する
  • パディング(内側の余白)を指定する
  • 枠線の太さを指定する
  • 枠線の色を指定する

  • スタイルシート サンプル集
    CSS基本 フォントとテキスト 色と背景

    Copyright (C) HTML@Workshop All rights reserved.