CSS 캡션 측 속성 사용

<시간/>

캡션 쪽 속성을 사용하면 요소의 내용이 테이블과 관련하여 배치되어야 하는 위치를 지정할 수 있습니다.

예시

이 속성은 4가지 값상단, 하단, 왼쪽 또는 오른쪽 중 하나를 가질 수 있습니다. . caption-side를 구현하는 방법을 배우기 위한 예를 살펴보겠습니다. 속성:

<html>
   <head>
      <style>
         caption.top {
            caption-side:top
         }
         caption.bottom {
            caption-side:bottom
         }
      </style>
   </head>
   <body>
      <table style = "width:500px; border:3px solid gray;">
         <caption class = "top">
            Countries (Top Caption)
         </caption>
         <tr><td> India</td></tr>
         <tr><td> UK</td></tr>
         <tr><td> US</td></tr>
         <tr><td> Australia</td></tr>
      </table>
      <br />
      <table style = "width:500px; border:3px solid blue;">
         <caption class = "bottom">
            Countries (Bottom caption)
         </caption>
         <tr><td> India</td></tr>
         <tr><td> UK</td></tr>
         <tr><td> US</td></tr>
         <tr><td> Australia</td></tr>
      </table>
      <br />
   </body>
</html>