2010. 9. 6. 09:27

input box에서 한영 상태를 전환하는 style

IE전용이라고 하긴 하던데, 
그렇다고 하더라도 다른 브라우저에선 무시 될테니 적당히 사용 6^^;

style="ime-mode:auto"              (자동변경) -> 한/영 전환가능전환가능 
style="ime-mode:active"            (한글모드) -> 한/영전환가능
style="ime-mode:inactive"         (영문모드) -> 오직영문
style="ime-mode:disabled"         (영문모드) -> 한/영전환가능
style="ime-mode:deactivated"    (한글모드) -> 한/영전환가능


2009. 12. 2. 11:45

긴 Text를 자동으로 자르고 말줄임표 달아주는 CSS

Text가 길때 자동으로 픽셀 길이 만큼 잘라주고 ... 를 달아주는 CSS.

width:200px; overflow:hidden; text-overflow:ellipsis; white-space : nowrap;

-> 폭을 지정하고, overflow는 hidden으로 처리, text-overflow가 ellipsis 가 되어 있으면 자동으로 ... 이 생김, 맨뒤에 white-space도 달아줘야 함

-> 모든 block element에서 동작하기 때문에 block 이 아닌녀석에게 적용하면 대략 낭패를 볼 수 있음

이런게 CSS로 처리 된다는게 감동일 따름..