下記に、元記事で紹介されている方法(その1)をはじめ、コメントに掲載されている方法を含めて紹介します。 対応ブラウザは基本的に:before, :after疑似要素を使用するため、IE 8+, Firefox, Chrome, Safari, Operaとなります。 ブラウザの表示領域いっぱいにボーダーを配置する方法:その1 元記事で紹介されている方法です。 デモページ:その1(当方作成) HTML HTMLは、divなど特別な要素は配置しません。 以下に紹介する全ての方法で共通です。 <html> <b... > このページを見る
最終更新時間:
2010年12月22日08時53分
みんなのブックマーク 人気(0) 新着
- http://potograph.jugem.jp/
-
『[CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス』…作ったことないので今度作ってみよう。
- コンテンツ量に関わらず画面いっぱいにボーダー。何かで使うかも
- ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ
- 対応ブラウザは基本的に:before, :after疑似要素を使用するため、IE 8+, Firefox, Chrome, Safari, Opera
- コンテンツの量に関わらず、画面の周囲に枠をつける方法。bodyにborderをつけるんじゃダメ。
- :before, :after
- IEは8以降か。
-
#followdaibosyu [CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス
- ブラウザ全体にボーダーを配置するCSS
-
ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス
- 表示領域の外いっぱいにボーダーを引く方法
- http://csswizardry.com/2010/12/simplified-page-borders-in-pure-css/

![[CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス [CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス](http://screenshot.hatena.ne.jp/images/200x150/f/0/f/3/e/57d48685e2f8d4e7662427c889ca067d4da.jpg)






