ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します

ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します
CSS は Web ページの印刷スタイルを制御します
CSS を使用して印刷スタイルを制御します。初めて使用したときは、完全に混乱しました。CSS の midia の機能が何であるかがわかりませんでした。他の人にこのスタイルをインポートするように依頼したときも、途方に暮れていました。あなたもこの現象に遭遇しているなら、W3school で CSS メディアの機能を調べてみてください。

midia の定義と使用法:
media 属性は、リンクされたドキュメントが表示されるデバイスを指定します。
media 属性は、異なるメディア タイプごとに異なるスタイルを指定するために使用されます。
メディアは CSS のメディア タイプを指定するために使用されます。その構文形式は次のとおりです。
@media スクリーン | 印刷 | 投影 | 点字 | 聴覚 | テレビ | ハンドヘルド | すべて

パラメータの説明:
画面: コンピュータの画面を指します。
印刷: プリンターで使用される不透明なメディアを指します。
投影: 表示に使用されるプロジェクトを指します。
点字: 点字システムは、触覚効果のある印刷物を指します。
聴覚: 電子音声合成装置を指します。
tv: テレビ型メディア。
ハンドヘルド: ハンドヘルド ディスプレイ デバイスを指します。
all: すべてのメディア用。
印刷したくないものに次の CSS スタイル宣言を追加するだけで、印刷されたページに表示されなくなります。

コードをコピー
コードは次のとおりです。

<link rel="スタイルシート" media="print" type="text/css" href="print.css" />

例えば:

コードをコピー
コードは次のとおりです。

<style midia="print">// midia は宣言する必要があります。宣言しないと無効になります
#my_hidden{表示:なし;}
</スタイル>

<<:  ブラウザ間の hr 区切り文字の違い

>>:  MySQLが数十億のトラフィックをサポートする方法

推薦する

HTMLは正規表現を使用してテーブルの例をテストします

以下は、HTML で正規表現を使用してテーブルをチェックするサンプル コードです。具体的なコードの内...

JS 実用的なオブジェクト指向スネークゲームの例

目次考える1. 貪欲な蛇の効果画像2. スネークの分析2.1 ゲーム開始機能2.2 運動機能2.2....

Win10 システムに MySQL8.0.13 をインストールする際の問題と解決策

オペレーティングシステム: Windows10 MySQL バージョン: 8.0.13-winx64...

MySQL データベースで UTF-8 エンコードを設定する方法

/etc/my.cnf または /etc/mysql/my.cnf ファイルを変更する [クライアン...

sed コマンドを使用して文字列を置換する Linux チュートリアル

文字列を置き換えるには、次の形式を使用する必要があります。 $ sed s/置換対象文字列/置換文字...

Tomcat ディレクトリ構造の詳細な紹介

tomcat の解凍されたディレクトリを開くと、次のディレクトリ構造が表示されます。 1.Tomca...

MySQL Installer 8.0.21 インストール チュートリアル (画像とテキスト付き)

1. 理由新しいシステムに MySQL を再インストールする必要があったので、将来詳細を忘れた場合...

MySQL の最適化: サブクエリの代わりに結合を使用する

サブクエリの代わりにJOINを使用するMySQL はバージョン 4.1 以降で SQL サブクエリを...

オンデマンドで Vue コンポーネントを自動的にインポートする方法

目次グローバル登録部分登録ローカル自動登録さまざまなソリューションの比較コンポーネント名について参照...

WeChatアプレットシングルページアプリケーションルーティングを徹底的に理解するための10分

シングルページアプリケーションの特徴「前提:」Web ページには、クリックするとサイト内の他のページ...

Oracle10パーティションとMySQLパーティションの違いの詳細な説明

一般的に使用される Oracle10g パーティションは、範囲 (範囲パーティション)、リスト (リ...

Vue ログインページ用の動的パーティクル背景プラグインの実装

目次動的パーティクル効果は次のとおりです。プラグインをインストールする動的パーティクル効果は次のとお...

MySQLデータの挿入、更新、削除の詳細

目次1. 挿入2. 更新3. 削除1. 挿入 顧客に挿入( 顧客.顧客住所、 顧客.cust_cit...

Typescriptの基本構文13個を共有する

目次1. Tsとは何か2. 基本的な文法1. プリミティブデータ型を宣言する2. オブジェクト型を宣...

CSS における zoom:1 属性の定義と機能

今日、CSS の zoom 属性は何のために使用されるのかと尋ねられました。この属性は、フローティン...