Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS에서 페이지 크기를 설정하는 값


페이지 크기를 설정하는 데 사용할 수 있는 4가지 값이 있습니다 -

  • 자동 − 페이지 상자는 대상 시트의 크기와 방향으로 설정됩니다.
  • 가로 − 대상의 방향을 무시합니다. 페이지 상자는 대상과 크기가 같고 긴 쪽이 가로입니다.
  • 세로 − 대상의 방향을 무시합니다. 페이지 상자는 대상과 크기가 같고 짧은 쪽이 가로로 되어 있습니다.
  • 길이 - '크기' 속성의 길이 값은 절대 페이지 상자를 만듭니다. 길이 값을 하나만 지정하면 페이지 상자의 너비와 높이를 모두 설정합니다. '크기' 속성에는 백분율 값을 사용할 수 없습니다.

다음 예에서는 페이지 상자의 바깥쪽 가장자리가 대상에 맞춰 정렬됩니다. '여백' 속성의 백분율 값은 대상 크기에 상대적이므로 대상 시트 치수가 21.0cm × 29.7cm(즉, A4)인 경우 여백은 2.10cm 및 2.97cm입니다.

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