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

CSSでページサイズを設定する値

ページサイズの設定に使用できる値は4つあります-

  • 自動 −ページボックスは、ターゲットシートのサイズと向きに設定されます。
  • 風景 −ターゲットの向きを上書きします。ページボックスはターゲットと同じサイズで、長辺は水平です。
  • ポートレート −ターゲットの向きを上書きします。ページボックスはターゲットと同じサイズで、短辺は水平です。
  • 長さ −'size'プロパティの長さの値は、絶対ページボックスを作成します。長さの値を1つだけ指定すると、ページボックスの幅と高さの両方が設定されます。 'size'プロパティにパーセンテージ値を使用することはできません。

次の例では、ページボックスの外縁がターゲットに揃えられます。 'margin'プロパティのパーセンテージ値はターゲットサイズを基準にしているため、ターゲットシートの寸法が21.0cm×29.7cm（つまり、A4）の場合、マージンは2.10cmと2.97cmになります。

<style type = "text/css">
   <!--
      @page {
         size: auto; /* auto is the initial value */
         margin: 10%;
      }
   -->
</style>

  1. HTML属性ではなくCSSでファビコンサイズを設定するにはどうすればよいですか？

    ファビコンは、ページタイトルの直前のWebブラウザタブに表示される小さなアイコンです。通常は小さいサイズのロゴです。 CSSを使用してサイズを追加することはできません。標準では、CSSを使用したファビコンサイズの追加はサポートされていません。属性を使用して追加しましょう <link rel="icon" type="image/png" href="https://tutorialspoint.com/favicon-16x16.png" sizes="16x16"> 上記のファビコンを追加した後の結果

  2. CSSのフォントサイズ

    CSS font-sizeプロパティは、フォントのサイズを設定するために使用されます。値は、パーセンテージ、ピクセル、cm、ポイント、emなどの単位、および絶対キーワードで指定できます。相対値はアクセシビリティを最大化します。デフォルトのフォントサイズは16pxまたは12ptです。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の例は、CSSのfont-sizeプロパティ-を示しています。 例 <!DOCTYPE html> <html> <he