印刷には別のスタイルシートを使用しています。
印刷余白を設定するスタイルシートで右余白と左余白を設定することは可能ですか? (つまり、紙の余白)
ベストアンサー1
cm
印刷を指定する場合は、単位としてまたは を使用する必要がありますmm
。ピクセルを使用すると、ブラウザはそれを画面に表示されるものと似たものに変換します。cm
または を使用するとmm
、用紙上で一貫したサイズが確保されます。
body
{
margin: 25mm 25mm 25mm 25mm;
}
フォントサイズについては、pt
印刷メディアに使用します。
CSSスタイルで本文の余白を設定すると、ないプリンターの印刷可能領域を定義するプリンター ドライバーの余白、またはブラウザーによって制御される余白 (一部のブラウザーでは印刷プレビューで調整できる場合があります) を調整します... 印刷可能領域内のドキュメントに余白が設定されるだけです。
また、IE7++ ではサイズが自動的に調整され、最適なサイズに調整されるため、 または を使用してもすべてが間違って表示されることにも注意してくださいcm
。mm
この動作を無効にするには、ユーザーは「印刷プレビュー」を選択し、印刷サイズを に設定する必要があります100%
(デフォルトはShrink To Fit
)。
印刷余白を完全に制御するためのより良い方法は、@page
ディレクティブを使用して用紙の余白を設定することです。これは、通常はブラウザによって制御される、HTML の body 要素の外側の用紙の余白に影響します。http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html
これは現在、Safari を除くすべての主要ブラウザで機能します。Internet Explorer
では、この印刷の設定で余白が実際にこの値に設定されており、プレビューを実行するとこれがデフォルトとして表示されますが、ユーザーはプレビューでこれを変更できます。
@page
{
size: auto; /* auto is the initial value */
/* this affects the margin in the printer settings */
margin: 25mm 25mm 25mm 25mm;
}
body
{
/* this affects the margin on the content before sending to printer */
margin: 0px;
}