コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

利用者:わたあめひみつ/印刷・オフライン作業

  • style="margin:1em;" で、上下左右に1文字分の余白。
下と右側に余白 style="margin-bottom: 1em; margin-right: 1em;"


  • 記事本文の枠外が印刷されない。保存したファイルでは、枠外の情報が左側ではなく最下部に表示される。
  • h1やh2タグで指定されたタイトルの下罫線が保存・印刷されない。
  • リンクされた(aタグで挟まれた)文字列の色が青色ではなく,黒色に印刷される。
  • tableの罫線が保存したファイルでは表示されない。
  • cssでスタイル指定。


  • ファイルの種類は「Web ページ、完全」を指定して、保存。
    • (Firefoxでは「Web ページ、完全」と指定して保存しても目的のスタイルシートが保存されない。)
  • 必要なスタイルシートは,ダウンロードしたhtmlファイルに関連付けられたフォルダ内にある main.css 。
  • エディタでダウンロードしたhtmlファイルを開き,headタグ内の
<LINK media=print href="(関連付けられたフォルダ名)/commonPrint.css" ...>

とある"commonPrint.css"の部分を"main.css"に書き換えて上書き保存する。

  • htmlファイルを開き直して印刷。
  • オフライン作業でブラウザ上に同じ表現を得たい場合、 main.css をスタイルシートに指定するようにhtmlファイルを書き換え。headタグに以下の行を追加。
<link rel="stylesheet" type="text/css" href="(関連付けられたフォルダ名)/main.css">
  • ただし、IEでは表示が乱れる。Firefoxではきれいに表示される。Firefoxを使用する場合、印刷用スタイルシートを指定する行をこの行で置き換えると、印刷とブラウザ表示のスタイルシートを一度に指定できる。