CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSのページボックスとは何ですか？

@pageルール内で、ページボックスのサイズ、向き、余白などを指定できます。ページボックスのサイズは、「size」プロパティで設定されます。ページ領域の寸法は、ページボックスの寸法から余白領域を引いたものです。

たとえば、次の@pageルールは、ページボックスのサイズを8.5×11インチに設定し、ページボックスの端とページ領域の間のすべての辺に「2cm」の余白を作成します-

<style>
   <!--
      @page { size:8.5in 11in; margin: 2cm }
   -->
</style>

margin、margin-top、margin-bottom、margin-left、margin-rightを使用できます。 @pageルール内のプロパティを使用して、ページのマージンを設定します。

最後に、マーク プロパティは、@ pageルール内で使用され、ターゲットシートのページボックスの外側に切り抜きマークと登録マークを作成します。デフォルトでは、マークは印刷されません。 作物の一方または両方を使用できます およびcross ターゲットの印刷ページにそれぞれクロップマークとレジストレーションマークを作成するためのキーワード。


  1. CSSのボックスモデルとは何ですか？

    HTMLドキュメントのすべての要素は、ブラウザによって長方形のボックスとしてレンダリングされます。幅、高さ、パディング、マージンによって、要素の周囲に割り当てられるスペースが決まります。次の図は、ボックスモデルの概念を示しています- 出典：w3.org コンテンツ これには、テキスト、画像、またはその他のメディアコンテンツの形式の実際のデータが含まれます。幅と高さのプロパティは、このボックスの寸法を変更します。 パディング コンテンツの外縁とその境界の間のスペースは、パディングを指します。このボックスは、paddingプロパティによってサイズを変更できます。 paddi

  2. CSSの疑似要素とは何ですか

    CSS疑似要素は、基本的に、最初の文字、最初の行など、要素の特定の部分のセレクターです。：afterおよび：before疑似要素を使用して、要素の前後にそれぞれ挿入できます。 構文 以下は、要素でCSS疑似要素を使用するための構文です- Selector::pseudo-element {    css-property: /*value*/; } 例 CSS疑似要素の例を見てみましょう- <!DOCTYPE html> <html> <head> <style> ol, ul {    list-st