ajicolor https://blog.hatena.ne.jp/ajicolor/ やわらかしかっけい https://ajicolor.hatenablog.jp/ HTML,CSS,javascript 別ファイルで用意するの正直めんどくせ〜と思っていたが、 メディアクエリで書けば簡単 1. CSSファイルをmedia="all"で読み込む <link rel="stylesheet" media="all" href="~~~~/style.css"> 2. @media print{ で書いていく /**********印刷用**********/ @media print{ body{ color: #000; background: transparent; } /*など、適宜書いていく*/ } これだけ！デバックはChromeのデベロッパーツールでできちゃう 参考 webtan.im… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajicolor.hatenablog.jp%2Fentry%2F2021%2F06%2F06%2F152031" title="印刷用CSSを別ファイルで用意せずに済ませる - やわらかしかっけい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-06-06 15:20:31 rich https://ajicolor.hatenablog.jp/entry/2021/06/06/152031 1.0 100%