본문 바로가기

반응형

CSS

css style 로 input 에 대문자로만 입력받기 보통 javscript 를 이용해서 key press 등의 이벤트에 대문자로 바꾸는것으로 작업을 많이 했는대 간단하게 style 로도 가능하다. 정말 간단하다. css 에 추가해두어도 된다. http://www.w3schools.com/cssref/pr_text_text-transform.asp CSS Syntax text-transform: none|capitalize|uppercase|lowercase|initial|inherit; Property Values Value Description none No capitalization. The text renders as it is. This is default capitalize Transforms the first character of each w.. 더보기
홈페이지제작시 특정 input 속성에만 스타일을 지정할때 Styling Texty Inputs Only - input type text 에만 적용할때 -input[type=text] { /* Awesome styling */ } - input type text,url 등 여러가지를 적용할때 -input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], { /* And that ain't all of them... */ } - input type submit,file 은 제외할때 -input:not([type=submit]):not([type=file]) { /* omg so much cleaner */ } :not 등의 selector 가 ie9 이하는 지원되지 않는다.아.. 더보기
iframe 투명하게 처리 1. iframe 태그에 allowtransparency="true" iframe 문서의 body 태그에 2. style="background-color:transparent" 적용해준다 이렇게 처리하면 부모창에 배경이미지가 있을때도 iframe 에서 자연스럽게 끊기지 않고 나온다. 더보기
[펌] css 핵 정리 Netscape 4 제외시키기Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다. 이나 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다.부분적으로 읽어들이지 못하게 하는 경우에는 Caio's hack인 /*/*/를 이용한다. 보통 코멘트는 */으로 닫지만 /*/으로 닫게 되면 Netscape 4에서는 인식되지 않는다. 그 뒤에 평상시의 코멘트 /* */를 적어두면 그 뒤의 스타일은 Netscape 4에서도 문제없이 적용된다.p { /*/*/ color:white; /* */ } Win IE 3~4, Mac IE 4~4.5, Netscape 4 제외시키기@import로 url()함수를 이용하여 외부 스타일시트를 .. 더보기
글씨 길어지는것 자르는 방법 Effect of CSS property text-overflow Each box (DIV element) below contains the following text: We hold these truths to be self-evident, that all people are created equal. Note how the STYLE settings effect the rendering of the text STYLE ="text-overflow : clip; overflow : hidden" We hold these truths to be self-evident, that all people are created equal. STYLE ="text-overflow : ellipsis; overflo.. 더보기

반응형