본문 바로가기

CSS

 (6)
html 스크롤바 없애기 html 스크롤바 없애기 html 문서를 작성하다 보면 스크롤바를 없애고 싶을 때가 있다. 특히 내용이 한눈에 보이는데 화면 구석에 있는 스크롤바가 거슬리기도 한다. 그럴때 사용할 수 있는 Tip이다. css의 body 스타일을 수정한다. 1) overflow:hidden body {overflow:hidden} 혹은 body 선언에서 2) scroll="no" 3) overflow:auto 스크롤이 내용에 따라 자동생성 4) overflow:auto
JQuery Datepicker JQuery에서 사용하는 Datepicker를 소개한다. http://jqueryui.com/demos/datepicker/ 아주 멋진 Theme도 기본적으로 제공하고, Custom 할 수 있다. Theme는 ThemeRoller (http://jqueryui.com/themeroller/)에서 다운로드 할 수 있다.
css img의 position 좌표 쉽게 만들기 http://www.uix.kr/css-position/
CSS display 속성 설명, block, inline, inline-block 차이 설명 css의 display 속성은 단어 그대로 해당 요소가 어떻게 화면에 보여지는가를 보여준다. 자주쓰는 속성값은 none : 보이지 않는다. inline : 인라인 박스로 만듬 block : 블록 박스로 만듬 inline-block : block 박스로 만들어지나, inline처럼 배치가 된다. 이렇게 네가지입니다. none은 아예 보이지 않습니다. inline은 간단히 말해 줄바꿈이 되지 않고, block은 줄바꿈하게 됩니다. inline-block은 줄바꿈이 되지가 않으나 기타 다른 속성은 inline처럼 동작하게 됩니다. 이외에 inline과 block의 차이는... block : 상하 margin, padding 사용가능, width, height 속성 사용 가능 inline : 상하 margin,..
CSS3 Gradient Generator http://www.westciv.com/tools/gradients/index-moz.html http://gradients.glrzad.com/ 정말 괜찮은 곳이다. CSS Gradient 코드를 만들어준다!. webkit 엔진과 FF 엔진 사용법입니다. -webkit-gradient(, [, ]?, [, ]? [, ]*) -moz-linear-gradient( [ || ,]? , [, ]* ) 적용하는 방식입니다. background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#FFFFFF), to(rgba(120, 120, 180, 0.6))); background:-moz-linear-gradient(0% 100% 90deg, rgba(120, 120, 18..
Table CSS Table 의 CSS를 공개하는 곳이다 http://icant.co.uk/csstablegallery/index.php

티스토리툴바