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

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.84%

  • CSS

    4971questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • 印刷

    15questions

    印刷とは、インキを用いて紙などの被印刷物に機械的に複製することを指します。現在は紙などの2次元の媒体だけでなく、3次元の曲面にも直接印刷する技術など様々な開発が進んでいます。

CSSで斜線..印刷時に綺麗に出来ないか?

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 139

D.O

score 45

こんにちは

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

たとえば..

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

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

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+3

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

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


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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/13 11:57

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

    キャンセル

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

  • ただいまの回答率 90.84%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    rspecのexampleで不等式の範囲を保証する書き方

    前提・実現したいこと タイトルの通り,rspecのテストで不等式の範囲内に取得した値が入ってるか確かめたいです。 発生している問題・エラーメッセージ 最初の判定で以下のよ

  • 解決済

    ドロップダウンメニューを吹き出しのようにしたい

    前提・実現したいこと マウスホバー時に出てくるドロップダウンメニューを吹き出しのようにしたいです。 上に三角がありその下にメニューボックスが現れるようにどうにかできないものでし

  • 解決済

    cssでbackgroundカラーを緑_透明_緑にしたい。

    前提・実現したいこと cssでbackgroundカラーを緑_透明_緑にしたい。 言葉では説明しがたいので画像作成しました。 ※サービスの左側の部分のbefore要素のと

  • 解決済

    配列内の値が一緒だった場合、そのキーを出力させる

    掲題の件ですが、お力を貸してください。 自分がやりたいことは、 配列内の値が1番大きいkeyを出力したいのですが、もし1番大きい値が重複していた場合、半角区切りでkeyを昇順で

  • 解決済

    CSSのドロップダウンメニューの作り方

    ドロップダウンメニューのサンプルコードです。 以下の部分ですが、これでどうやってメニューを形成しているのかまだつかめません。詳細な解説をお願いします。 #menu:before

  • 受付中

    powershellでvmのHDD使用率一覧を知りたい

    powershellでhyper-vのゲストvmのHDD使用率一覧を知りたい のですが、どうしたらいいのでしょうか。 例使用率60%以上のゲストvm一覧とか だせますでしょうか

  • 解決済

    Firefoxだけcssが効かない

    お問い合わせフォームのラジオボタンを装飾したくcss記述を入れたのですが、firefoxだけスタイルが効いてくれません。 記述したcssは以下になります。 input[ty

  • 解決済

    重なるboxでborderの一部を表示させたくない場合

    ボックス要素どうしが重なる場合で、一部の重なる部分のみ borderを表示したくない場合、どのように対応すればよろしいのでしょうか。 下記のサンプルコードでいうところの#hogeの

同じタグがついた質問を見る

  • CSS

    4971questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • 印刷

    15questions

    印刷とは、インキを用いて紙などの被印刷物に機械的に複製することを指します。現在は紙などの2次元の媒体だけでなく、3次元の曲面にも直接印刷する技術など様々な開発が進んでいます。