ボーダーライン・スタイルの種類;FC2ブログ・プチカスタマイズ   

ボーダーライン・スタイルの種類|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| ボーダーライン・スタイルの種類 に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > ボーダーライン・スタイルの種類・基本のHTMLとスタイルシート > スタイルシートを学ぼう > ボーダーライン・スタイルの種類


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 スタイルシートで背景を指定する場合、ボーダーラインのスタイルの種類を知っておくと便利だ。

 

ボーダーライン・スタイルの種類

  • solid ⇒1本線で表示。

solid ⇒1本線で表示

  • double ⇒2本線で表示。

double ⇒2本線で表示。

  • groove ⇒立体的に窪んだ線で表示。

groove ⇒立体的に窪んだ線で表示。

  • ridge ⇒立体的に隆起した線で表示。

ridge ⇒立体的に隆起した線で表示。

  • inset ⇒上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示される。
    上下左右の一部だけに指定しても立体感は出ない。

inset ⇒上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示される。上下左右の一部だけに指定しても立体感は出ない

  • outset ⇒上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示される。
     上下左右の一部だけに指定しても立体感は出ない。

outset ⇒上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示される。 上下左右の一部だけに指定しても立体感は出ない。

  • dashed ⇒破線で表示。

dashed ⇒破線で表示。

  • dotted ⇒点線で表示。

dotted ⇒点線で表示。

 

 上の例はすべて、同じ太さ・同じ色でそれぞれのボーダーのスタイルを指定した表示。

 他にも角を丸くしたり、背景をグラデーションにしたりもスタイルシートでできるのだが、PCで閲覧した場合、ブラウザによってはうまく表示できない場合もあるようだ。

 スマートフォンで表示する場合は、特に問題なく表示されるらしい。



サイト内の同タグへのリンク: スタイルシート  ボーダーライン  スタイル 
他のサイトへのタグリンク : スタイルシート ボーダーライン スタイル

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/142-5b906f8b
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。