htmlトップロゴ
一度に指定 場所を指定 複数の指定 太さ・スタイル・色を指定

線

一度に指定

{ border : 太さ スタイル 色 }

{ border : 2px solid blue ;
   width : 300px }
このページの一番上に戻る

場所を指定

{ border-上下左右 : 太さ スタイル 色 }

border-top上の線を指定
border-bottom下の線を指定
border-left左の線を指定
border-right右の線を指定
{ border-top : 2px solid blue ;
  border-bottom : 3px solid red ;
  border-left : 4px solid green ;
  border-right : 5px solid white ;
このページの一番上に戻る

複数の指定

2個指定:上下/左右

{ border-width : 2px 5px ;
  border-style : solid double; 
  border-color : blue red ;
  width : 300px }

3個指定:上/左右/下

{ border-width : 2px 5px 7px ;
  border-style : solid double dashed ;
  border-color : blue red green ;
  width : 300px }

4個指定:上/左/下/右

{ border-width : 2px 5px 7px 10px ;
  border-style : solid double dashed dotted ;
  border-color : blue red green white ;
  width : 300px }
このページの一番上に戻る

太さ・スタイル・色を指定

太さを指定

{ border-width : 数値 }

スタイルを指定

{ border-style : スタイル }

色を指定

{ border-color : 英語かカラーコード }
{ border-width : 2px ;
  border-style : solid ;
  border-color : blue ;
  width : 300px }

{ border-width : 4px ;
  border-style : double ;
  border-color : red ;
  width : 300px }

{ border-width : 2px ;
  border-style : dashed ;
  border-color : green ;
  width : 300px }

{ border-width : 2px ;
  border-style : dotted ;
  border-color : white ;
  width : 300px }

このページの一番上に戻る
{ border-width : 5px ;
  border-style : outset ;
  border-color : #0000ff ;
  width : 300px }

{ border-width : 5px ;
  border-style : inset ;
  border-color : #ff0000 ;
  width : 300px }

{ border-width : 5px ;
  border-style : ridge ;
  border-color : #008000 ;
  width : 300px }

{ border-width : 5px ;
  border-style : groove ;
  border-color : #ffffff ;
  width : 300px }
このページの一番上に戻る/トップページへ戻る
Copyright © 2009 NNHF All Rights Reserved.