Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

caption-side

토픽 Ruby Coin > Development > Front-End > CSS 사전

Summary

테이블의 제목의 위치를 테이블을 기준으로 지정한다.

top | bottom | left | right | inherit
기본값 top
적용대상 table-caption 엘리먼트들
상속 상속됨
퍼센테이지 지정불가
미디어 Visual

Value

  • top : 테이블위에 제목을 위치시킴
  • bottom : 테이블 아래에 제목을 위치시킴
  • left : 테이블 왼쪽에 제목을 위치시킴
  • right : 테이블 오른쪽에 제목을 위치시킴

Tip

  1. 다음의 예제와 같이 사용할 수 있다. [sample]
    caption {
        caption-side: bottom;
    }

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다
  2. chewoop3@naver.com
    아하 ~감사합니다~!!
    대화보기
    • codekit
      기재된 값에서 "left","right" 값을 배제하시구요. "initial" 값을 추가하시면되겠습니당.
      대화보기
      • chewoop3@naver.com
        오잉 그럼 어떤식으로 써야 맞는 거죵? ㅜㅜ
        대화보기
        • codekit
          이거 잘못기재된것같은데요.
          Syntax caption-side: top|bottom|initial|inherit;
          대화보기
          • 박야우
            jsfiddle 로 해보았을때 top이나 bottom은 잘 적용이 되는데 left나 right는 적용이 잘 안되는데 왜그런것일까요? ㅜㅜ