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

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ですが、これだけで印刷時だけ画像の色を薄くでき、インクの節約が出来ます。

参考


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

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック