株式会社プロネット

 

WEBシステム開発、ITコンサルティング、自社サービス、教育事業 - これからのビジネスへのIT活用ソリューションをご提案致します。

【CSS】印刷時のみに適用させるCSS

2015.11.19(Thu) 21:04 | CSS | oshima

こんばんは。
印刷機能付きのWEBサイトを作成する場合、印刷のときはこのボタンいらない!とかあると思います。
そんなときの方法です。

環境

IE
Chrome
FireFox

方法

メディアグループ使い印刷時のみに適用します。

@media print {
 #hogehoge { display:none; }
}

@media print { ~ } に書いたスタイルが印刷時のみ適用されるようになります。
上記の例でしたら印刷時には id hogehoge の要素を印刷しません、ということになります。
以上です。