본문 바로가기

전체 글314

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.
인쇄 - 인쇄시 다음 페이지로 넘길 수 있는 page-break-before 속성 page-break-before 속성은 프린터로 출력할 때 다음 페이지로 페이지를 넘기는 것을 지정하는 Property입니다.홈짱닷컴은 홈페이지 제작 가이드란 부제를 달고 있는 만큼 홈페이지 제작에 필요한 다양하고 유익한 정보를 제공하겠습니다.홈짱닷컴은 홈페이지 제작의 가장 기본이라고 할 수 있는 HTML 부터 홈페이지를 운영하는 노하우까지 홈페이지에 관한 전반적인 정보를 제공하고 있습니다.block-level element 사이를 경계로 페이지를 나누기 때문에 반드시 block-level element에 지정해 주어야 합니다. 그러므로 P, DIV와 같은 block-level element가 아닌 요소에 적용하면 다음 페이지로 넘어가지 않습니다.홈짱닷컴은 홈페이지 제작 가이드란 부제를 달고 있는 만큼 .. 2014. 1. 1.
인쇄 - 보다 간단하게 특정 요소를 인쇄 안되게 하는 방법 인쇄용 CSS 파일을 독립적으로 만들지 않고 페이지 내에서 간단하게 특정 요소를 인쇄하지 않도록 하는 방법도 있습니다.광고본문위와같이 HTML 문서를 제작하면 모니터상에서는 광고와 본문이 모두 보여지지만 인쇄화면에서는 광고는 보여지지 않고 본문만 출력이 됩니다.인쇄미리보기 화면에서도 바로 확인할 수 있습니다.물론 클래스(.advertising)를 사용하지 않고 앞의 강좌에서처럼 아이디(id)를 사용하여 광고와 메뉴 부분을 인쇄되지 않게 지정할 수 있습니다.그리고 인쇄화면에서 보여지지 않게 하는 처리외에도 인쇄화면만의 스타일을 달리 적용할 수 있습니다.즉 인쇄화면에서의 스타일을 지정하기 위해서는 @media print 라는 속성을 사용하여 일반적인 스타일과 구분을 해주는 겁니다 ※출처 : http://ww.. 2014. 1. 1.

티스토리툴바