Computer >> Máy Tính >  >> Lập trình >> CSS

Giá trị để đặt kích thước trang trong CSS


Có bốn giá trị có thể được sử dụng để đặt kích thước trang -

  • auto - Hộp trang sẽ được đặt thành kích thước và hướng của trang tính.
  • phong cảnh - Ghi đè định hướng của mục tiêu. Hộp trang có cùng kích thước với mục tiêu và các cạnh dài hơn theo chiều ngang.
  • chân dung - Ghi đè định hướng của mục tiêu. Hộp trang có cùng kích thước với mục tiêu và các cạnh ngắn hơn theo chiều ngang.
  • length - Giá trị độ dài cho thuộc tính 'size' tạo một hộp trang tuyệt đối. Nếu chỉ một giá trị độ dài được chỉ định, nó sẽ đặt cả chiều rộng và chiều cao của hộp trang. Giá trị phần trăm không được phép cho thuộc tính "size".

Trong ví dụ sau, các cạnh bên ngoài của hộp trang sẽ căn chỉnh với mục tiêu. Giá trị phần trăm của thuộc tính 'margin' có liên quan đến kích thước mục tiêu, vì vậy nếu kích thước trang mục tiêu là 21,0cm × 29,7cm (tức là A4), lề là 2,10cm và 2,97cm.

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