[B! print][CSS] wogawaraのブックマーク

wogawara id:wogawara

printとCSSに関するwogawaraのブックマーク (3)

（HTMLタグ・スタイルシート）印刷時のみ非表示にする方法 - 印刷時に表示しない部分を、ＨＴＭＬタグやスタイルシートに表記する... - Yahoo!知恵袋
HTMLやCSSに関する知識は既にあるものと仮定して。 headの中で <link rel="stylesheet" type="text/css" href="印刷用.css" media="print"> のように指定することで、印刷時のみに使われるスタイルシートを定義できます。あとはそのスタイルシートの中で .do_not_print { display: none; } のようにすれば、印刷して欲しくない部分を隠してしまうことができます。また、@mediaを使う方法もあるので、お好みでどうぞ。
wogawara 2013/04/17
CSS

html

display

link

print

印刷時

非表示

web

tips

ノウハウ
リンク
[42-2] link要素の media属性で外部CSSをメディア別に切り替えよう
[42-2] link要素の media属性で外部CSSをメディア別に切り替えよう最終更新日：2017年11月26日（初回投稿日：2012年06月08日） <link>要素の2回目です。今回は<link>要素の「media属性」で、外部CSSファイルをメディア別に切り替えてみましょう。 <link>要素は内容が多いため記事を分けています。 [42-1] link要素で外部CSSファイルの読み込み・グループ化をしよう <link>要素全体の話と、外部CSSファイルの読み込み方法 [42-2] link要素の media属性で外部CSSをメディア別に切り替えよう　←今日はココ media属性で外部CSSファイルを切り替えます。（ちょっとメモ）CSSの @import と @media（メディアクエリ） CSSファイル上で CSSを切り替える方法です。 [42-3] link要素
wogawara 2012/11/30
CSS

属性

screen

print

all

media

link

ノウハウ

適用
リンク
symfonyはスタイルシートをデフォルトで media="screen" で読み込む件＠印刷用のCSSを作成 - 蒼楼にて
view.ymlに指定してやれば、 stylesheets: [ main: { media: print }] みたいに変更したりはできるのですが stylesheets: [main: { media: screen, print } ] はエラー。 media: all の存在に気づく。恥ずかしい……。どうせscreenとprintくらいしか指定するメリットある属性なさそうだしとりあえずこれでよしとしよう。でも二つだけとか三つだけとかがいいときは依然難しいままかな。どうも別々にファイルを作って差し上げねばならんようだ。 @mediaは無視されるしね。めんどくせーもっとスマートな解決法はないものか
wogawara 2012/07/03
[media: all]

print

css

symfony

screen

ノウハウ
リンク
1