[B! CSS][webdev][print] nibushibuのブックマーク

nibushibu id:nibushibu

CSSとwebdevとprintに関するnibushibuのブックマーク (2)

Chrome で背景色や背景画像を印刷する - Blog, The
Chrome は単体で PDF を印刷する機能を持ってて便利なんですが、CSS の background-color や background-image が反映されません。「背景を印刷」みたいなオプションも見当たらなかったので、無理なんかなーって思ってたんですが、どうやら CSS で解決できるっぽいです。 @media print { body { -webkit-print-color-adjust: exact; } } 人様のページであっても、デベロッパーツールを使えばなんとかなります。 -webkit ってベンダープレフィックスが付いてますが、Safari 5 では動きませんでした。未だに Snow Leopard を使ってるもんで、Safari 6 は確認できてません。以下、参考にさせてもらいました。 TIP: Print CSS backgrounds in Googl
nibushibu 2013/03/07
print

webdev

css
リンク
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はある程度
nibushibu 2012/12/18
css

print

webdev
リンク
1