はてなブックマーク - [CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ

(閉じる)

はてなブックマーク > コンピュータ・IT > [CSS]ブラウザの表示領域いっぱいにボーダーを配置...

[CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス

coliss.com

タグ : CSS webデザイン html web制作 WebDesign tips *css css *web制作ブラウザ

コンピュータ・IT 126 users

下記に、元記事で紹介されている方法（その1）をはじめ、コメントに掲載されている方法を含めて紹介します。対応ブラウザは基本的に:before, :after疑似要素を使用するため、IE 8+, Firefox, Chrome, Safari, Operaとなります。ブラウザの表示領域いっぱいにボーダーを配置する方法：その1 元記事で紹介されている方法です。デモページ：その1（当方作成） HTML HTMLは、divなど特別な要素は配置しません。以下に紹介する全ての方法で共通です。 <html> <b... > このページを見る

最終更新時間: 2010年12月22日08時53分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

teroma2 webデザイン
http://potograph.jugem.jp/ 2012/02/28
chi-bit css
『[CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス』…作ったことないので今度作ってみよう。 2010/12/25
seusoko #css, #css3, #design
コンテンツ量に関わらず画面いっぱいにボーダー。何かで使うかも 2010/12/24
gonta02 CSS
ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ 2010/12/24
kasane_yuuhi css, tips, webDesign
対応ブラウザは基本的に:before, :after疑似要素を使用するため、IE 8+, Firefox, Chrome, Safari, Opera 2010/12/23
mypacecreator css, チュートリアル
コンテンツの量に関わらず、画面の周囲に枠をつける方法。bodyにborderをつけるんじゃダメ。 2010/12/22
kkeisuke
:before, :after 2010/12/22
toaruR web制作
IEは8以降か。 2010/12/22
hiroshi_revolution
#followdaibosyu [CSS]ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス 2010/12/22
hr07jp webデザイン, CSS
ブラウザ全体にボーダーを配置するCSS 2010/12/22
junp_n CSS
ブラウザの表示領域いっぱいにボーダーを配置するスタイルシートのテクニックいろいろ | コリス 2010/12/22
pypupypa CSS, web制作
表示領域の外いっぱいにボーダーを引く方法 2010/12/22
nors css, border
http://csswizardry.com/2010/12/simplified-page-borders-in-pure-css/ 2010/12/22