본문 바로가기
  • search_ _ _ _
  • search_ _ _ _
  • search_ _ _ _

html+css24

테이블에 스크롤 추가하기 tbody에 스크롤을 넣기 위해 display 속성을 bolck으로 변경하는걸 봤는데 (** overflow 속성이 display: table에서 작동 안하기 때문에 block으로 변경 ** tbody를 block으로 수정하면 테이블이 틀어짐, 때문에 tr을 display: table로 변경하는데 ** 그렇게 수정하게 되면 colgroup 작동 안함 ) 결과적으로는 테이블 태그로 구조를 짜는 의미가 없어보여서(그렇게 할거 같으면 다른 태그를 쓸거같음..) 테이블구조를 유지하면서 스크롤을 할 수 있는 방법을 찾아보았다.  1. 방법** 테이블을 감싸는 div에 스크롤 기능을 넣는다.    ** 스크롤 css로 overflow: auto를 넣고 최대 높이값을 지정한다. (높이값에 도달 전에는 스크롤이 .. 2024. 8. 20.
[CSS] scroll-* 유연한 스크롤을 만들어주는 CSS속성 scroll-* 1. scroll-* 사용법컨텐츠 영역과 컨텐츠를 감싸는 부모 요소를 만든다. 1 2 3 4    See the Pen scroll-* by gaae (@gaae) on CodePen. 2. scroll-behavior 속성scroll-behavior :   auto   |   smooth   |   initial   |   inherit문서이동시 스크롤 효과를 준다.  컨텐츠 감싸는 부모요소    ex) scroll-container · auto : 직선점프 효과. 기본값· smooth  : 부드러운 c롤 효과· initial  : 초기 기본값 설정· inherit : 상위요.. 2024. 4. 23.
Gradient Background Animation See the Pen Untitled by gaae (@gaae) on CodePen. 2022. 3. 15.
checkbox 만들기 See the Pen Untitled by gaae (@gaae) on CodePen. 2022. 3. 14.
table 만들기 See the Pen Untitled by gaae (@gaae) on CodePen. 2022. 3. 14.
리셋 css, 외부 프로그램 1. 직접 만듬 Reset.css 예시 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embe.. 2021. 5. 26.

티스토리툴바