[B! print] shibatasticのブックマーク

shibatastic id:shibatastic

printに関するshibatasticのブックマーク (3)

TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
shibatastic 2015/03/02
css

print
リンク
CSSで印刷レイアウトをコントロール
<article> <section> <h1>１ページ目</h1> </section> <section> <h1>２ページ目</h1> </section> <section> <h1>３ページ目</h1> </section> </article> 改ページここにCSSを当てていき印刷すると綺麗にページが分かれるように組んでいきます。まず、<section>タグに.print_page、<article>タグに.print_pagesというクラスを付けていきます。ついでにprint.cssというスタイルシートを読み込みます。 <link media="print" rel="stylesheet" href="print.css"> <article> <section class="print_page"> <h1>１ページ目</h1> </section> <sectio
shibatastic 2015/03/02
print

css
リンク
ネットプリント
※本サイトはプライバシー保護のため暗号化通信を導入しています。 ※ネットプリントおよびnetprintは、富士フイルムビジネスイノベーション株式会社の登録商標です。 ※他社の商標について
shibatastic 2015/02/18
print
リンク
1