タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

印刷とcssに関するharuharujaneのブックマーク (2)

  • いままでの印刷、これからの印刷 | 前編 ブラウザによって異なる印刷対応状況

    いままでの印刷、これからの印刷 前編 ブラウザによって異なる印刷対応状況 スマートフォンの登場で、Webサイトそのものを印刷して情報を保存するニーズは低減しましたが、ユーザーや、サイトの性質により印刷が必要とされる場合もあります。これまで制作はどのような対応をしてきたか、また印刷手法にはどのようなものかあるか、それぞれの経験を語ります。 はじめに スマートフォンの登場で、Webサイトそのものを印刷して情報を保存する方法はあまり提供されなくなってきたかもしれません。ですが、ページやサイトの性質によっては、いまだに印刷が必要とされる場合もあります。これまで制作側はどのような対応をしてきたか、また現在、どんな有効な手法があるのか、技術情報を交えた座談会でお届けします。 参加者 座談会の参加者は次のとおりです。 中村 享介(@kyosuke) フロントエンドエンジニア 高津戸 壮(@Takazu

    いままでの印刷、これからの印刷 | 前編 ブラウザによって異なる印刷対応状況
  • CSSで印刷レイアウトをコントロール

    <article> <section> <h1>1ページ目</h1> </section> <section> <h1>2ページ目</h1> </section> <section> <h1>3ページ目</h1> </section> </article> 改ページ ここにCSSを当てていき印刷すると綺麗にページが分かれるように組んでいきます。 まず、<section>タグに.print_page、<article>タグに.print_pagesというクラスを付けていきます。 ついでにprint.cssというスタイルシートを読み込みます。 <link media="print" rel="stylesheet" href="print.css"> <article> <section class="print_page"> <h1>1ページ目</h1> </section> <sectio

    CSSで印刷レイアウトをコントロール
    haruharujane
    haruharujane 2016/03/23
    “.print_page{ width: 172mm; height: 251mm; page-break-after: always;}.print_page:last-child{ page-break-after: auto; /* 最後のページの改ページを防ぐ */}”
  • 1