CSSで斜線．．印刷時に綺麗に出来ないか？

こんにちは

CSSで表に斜線を引く方法で背景のグラデーションを使用する方法があるかと思います。

たとえば．．

background-image: linear-gradient(45deg, transparent 49%, black 49%, black 51%, transparent 51%, transparent);

画面上では綺麗に表示されますが，印刷するとギザギザ（ジャギー）になってしまいます。これを綺麗にする方法があるでしょうか？

または，全く別の方法でも良いので表に斜線を引き綺麗に印刷することは出来ないでしょうか？
よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

おそらくSVGを使った方法が最もそれらしかろうと.

SVG
1<svg xmlns="http://www.w3.org/2000/svg">
2<line x1="0" y1="0" x2="100%" y2="100%" stroke="black" stroke-width="1"/>
3</svg>

上記SVGコードをSVGファイルとして保存しCSS背景に設定する, もしくは斜線を引きたいセルにsvg要素として挿入してしまうの何れかで対処できると思われます.

投稿2017/12/12 03:58

総合スコア4756

2017/12/13 02:57

なるほどSVGなら印刷しても綺麗ですよね！おかげさまで上手く出来ました。ありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問をすることでしか得られない、回答やアドバイスがある。