Lucky bag::blog: 印刷用 CSS に必要なこと
拙サイトにおいて印刷用 CSS の需要と必要性がどれほどあるのかは微妙だけど、とりあえずは用意していたりする。んで、作成した当時にこうした方が良いかなってな事がいくつかあったんで、何となく書き残しておく。いや、別にネタがないとかそう言うことじゃ (ry 基本的に紙媒体を対象とするもんだから、通常のスクリーン用 CSS を作成する時とは考え方が変わってくる。 不必要な要素を非表示 ナビゲーションやらサイドカラム、フォームなんかは必要ないんで、display: none; にしてプリント用紙を節約。 フォント関連 ポイントで決め打ちする。拙サイトの場合は、本文 10pt にしてある。後は、本文などの長文系は明朝系のフォントを指定した方が読みやすい。 色は使わずモノクロ 余計な色を使ってインクを使わせないって事と、モノクロプリンタのユーザに対しての配慮。そして、なるべくスミ 100% などのベタ
Simple Rounded Corner CSS Boxes
Simple Rounded Corner CSS Boxes Posted on 18-Jan-06 at 1:37 pm by Ryan Thrash Part One: Historical Info, then the Goods In November 2003, I invented an interesting CSS technique for semantic, rounded corner boxes using CSS. What that translates into non-geek-speak is that you get pretty boxes with no extra bulky XHTML markup. David Shea liked it and blogged it. Jeffrey Zeldman refused to publish
strike要素とdel要素と美しいHTMLと - LogJET
strike要素とdel要素と美しいHTMLと ちょっと過去の記事で、今とは異なる箇所を修正するのにHTML的には何を書いたら良いのだろうと調べたのでメモ。 ぱっと頭に思いついたのが<strike>要素だったのですが、打ち消し線を引くだけのタグで非推奨だそうな。じゃあ何使うんだよと腹立たしく思っていました。見た目の制御って事で非推奨だとして、音声的、文書的には意味が無い<span>とかで囲ってCSSに text-decoration: line-throughでも使えと言うのか？と思っていました。 で、五分ほど調べたらすぐに答えは出た。 <del>要素ってのがあるんですね。しかも、<ins>要素ってのまであった。無知というのは恐ろしいものです。 <del>その箇所が削除されたことを表す。 このような感じで表示される<ins>その箇所がHTML文書に追加されたことを表す。属性にdateti
borderの幅はwidthに含まれるのか | なつみかん。
borderの幅はwidthに含まれるのか 2006.02.24 Friday borderの幅はboxの外側にあるのか、内側にあるのか。 これについては「URL入りのDOCTYPE宣言をした場合は外側に（標準モード）、そうでない場合は内側」と思っていた。padding についても同様に 標準モード：実際の幅 = width + padding + border 互換モード：実際の幅 = width ( padding および border を含む) 例えば .hoge{ width : 300px ; border : 2px solid ; padding : 5px } の場合、実際の幅は 標準モード→ 300 + 2*2 + 5*2 = 314px 互換モード→ 300px（中身は自動計算） です。 なので困った時は１行目に <!DOCTYPE HTML PUBLIC "-//W3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
http://www.abe-tatsuya.com/archives/css/octopus_engine.php