パソコン鳥のブログ

アクセスカウンタ

zoom RSS インクを節約する印刷用スタイルシート − FirefoxアドオンStylish用スタイル

<<   作成日時 : 2014/09/25 20:34   >>

ブログ気持玉 0 / トラックバック 1 / コメント 0

cssで @media print { } 内に記述すると、印刷時のみに適用されます。
これを利用して、印刷時だけ画像の色を薄くしてインクを節約する、Firefoxアドオン Stylish用スタイルを作りました。

下記で公開しています。

https://userstyles.org/styles/105700

文字は薄くせずに通常通りの濃さで印刷されます。


css中、以下で画像を薄く印刷するようにしています。
opacity: 0.5; で画像の薄さを指定します。0(0%)〜1.0(100%)の範囲で指定します。

@media print {
    img {
       opacity: 0.5;
    }
}



googleマップの地図も薄く印刷されます。印刷した地図へのボールペンの書き込みが見やすく意外と便利です。
css中、地図を薄く印刷する箇所は以下です。

@-moz-document url-prefix(https://www.google.co.jp/maps),
               url-prefix(https://maps.google.com/maps)
{
    @media print {
        canvas {
           opacity: 0.5;
        }
    }
}



短いcssですが、これだけで印刷時だけ画像の色を薄くでき、インクの節約が出来ます。

参考


通常のスタイルとは別に、印刷時のみに有効となるスタイルを作成する方法 | クロノドライブ

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(1件)

タイトル (本文) ブログ名/日時
googleで使えるstylish用スタイルの更新と、Firefox/Chromeの両方に対応
これまで紹介してきたStylish用スタイルについて、Chromeでも動作確認できたものを紹介します。 ...続きを見る
パソコン鳥のブログ
2015/04/16 21:08

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
インクを節約する印刷用スタイルシート − FirefoxアドオンStylish用スタイル パソコン鳥のブログ/BIGLOBEウェブリブログ
文字サイズ:       閉じる