본문 바로가기

www/CSS_tip51

background - CSS 배경이미지의 스크롤여부(background-attachment) background-attachment 속성을 사용하면 문서가 스크롤될때 배경이미지의 스크롤여부를 지정할 수 있습니다.이 속성을 사용하지 않으면 기본적으로 문서와 함께 스크롤이 됩니다.background-attachment : fixed 로 지정하면 문서는 스크롤되지만 배경이미지는 스크롤 되지 않아서 배경위에 텍스트가 떠있는 느낌을 표현할 수 있습니다.예제를 다운받아서 연습해 보시면 됩니다. ※출처 : http://www.homejjang.com/ 2014. 1. 1.
리스트(list) list-style-type 속성을 사용하면 리스트의 marker 스타일을 지정할 수 있습니다. disc 타입의 리스트 circle 타입의 리스트 square 타입의 리스트 none 타입의 리스트 disc 타입의 리스트circle 타입의 리스트square 타입의 리스트none 타입의 리스트 순서가 있는 리스트(ol)의 경우는 다음과 같이 marker를 지정할 수 있습니다. decimal 타입의 리스트 lower-roman 타입의 리스트 upper-roman 타입의 리스트 lower-alpha 타입의 리스트 upper-alpha 타입의 리스트 decimal 타입의 리스트lower-roman 타입의 리스트upper-roman 타입의 리스트lower-alpha 타입의 리스트upper-alpha 타입의 리스트리.. 2014. 1. 1.
CSS 포지셔닝(Positioning) CSS로 레이아웃을 잡는 경우가 늘어나고 있기에 포지셔닝(Positioning)의 중요성이 강조되고 있습니다. 포지셔닝에 이용되는 CSS 속성은 아래와 같습니다. bottom 위치된 요소의 아래쪽 간격을 지정합니다. clip 넘쳐흐른 요소의 잘려져 보이는 영역을 지정합니다. 영역에 포함되지 않은 부분은 숨겨집니다. left 위치된 요소의 왼쪽 간격을 지정합니다. overflow 넘쳐흐른(overflow) 요소를 보일지, 감출지, 스크롤할지를 지정합니다. position 요소가 위치할 방식을 지정합니다. right 위치된 요소의 오른쪽 간격을 지정합니다. top 위치된 요소의 위쪽 간격을 지정합니다. vertical-align 요소의 수직 정렬을 지정합니다. z-index 위치된 요소의 z축 순서를 지정합.. 2014. 1. 1.
ime-mode 입력폼의 한영전환 지정하기 ime-mode 속성은 IME(Input Method Editor)의 상태를 반환하거나 설정합니다.로그인 폼에서 아이디와 비밀번호를 입력하는 경우나 우편번호를 찾기 위해서 동이름을 입력하는 경우 한글/영문을 기본으로 지정해 놓으면 상당히 편리한데 이런 경우 사용하는 속성이라고 할 수 있습니다.ime-mode 속성의 값은 아래와 같이 3가지로 지정할 수 있습니다.auto기본값으로 ime-mode 값이 지정되지 않은 것과 같습니다.active활성화 된 상태입니다. 값을 입력하면 기본적으로 한글이 입력됩니다. 우편번호를 찾기 위해서 동이름을 입력하는 경우 많이 사용됩니다.inactive비활성화 된 상태입니다. 값을 입력하면 기본적으로 영문이 입력됩니다.disabledIME를 사용할 수 없는 경우입니다. 한영키.. 2014. 1. 1.

티스토리툴바