textarea내에 엔터를 통해 자동으로 늘리는 방법

게시글

마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법

이미지에 마우스를 오버했을경우 이미지 안쪽으로 테둘이를 넣는 방법이다 바깥쪽으로 테두리를 넣게되면 이미지영역이 커져서 깨지는 경우가 발생되기 때문에 안쪽에 넣은것이다 a.image01, a.image01 img {float:left;overflow:hidden;} a.image01:hover{border:4px solid #DDDDDD;} a.image01:hover img {margin:-4px;}

게시글

아이프레임 처럼 스크롤바를 넣고 싶은경우

특정위치의 내용의 가로 세로 사이즈가 고정되어 야 하는경우가있다 이때 범위가 벗어나면 안되는경우가 있는데 벗어나게되면 전체적인 디자인이 깨지거나 하는경우이다 이때 사용하는 방법이 스크롤이 생기게 하는방법인데 아이프레임으로 스크롤을 처리해도 되지만 스타일로 간단하게 처리하는 방법이있다 아이프레임 효과 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 가로세로 300px가 넘어가는 경우 자동으로 스크롤 처리하는 부분이다 overflow:auto; 부분으로 스크롤이 없다가 사이즈가 오버되면 그때 스크롤이 생긴다

게시글

자간(문자간격)넣는 방법

자간(문자와 문자 사이)를 넓게 하고자 할때 사용하는 스타일이다 문자간격

게시글

text 내에 안내문구 넣는 placeholder 태그

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: red; }

게시글

input type=text 태그만 별도로 스타일 지정하는 방법

input{display:none;} 이렇게 css선언하게 되면 모든 input 태그는 비노출이된다 text,password,checkbox,radio등등 모두 비노출되는 식이다 그러나 input=text만 별도로 적용하고자 하는경우가 있는데 이때 사용하는 방법이다 input { expression(this.type == "text" ? "none" : font-size:13px) } expression를 통해서 this.type == "text"구분하여 별도록 스타일을 지정할수 있다

게시글

input value 입력할때 주의해야되는 사항

textarea,input text 를 입력할경우에 주의 해야되는 것이 있는데 따움표라던지 별도의 태그가 value안에 들어가지 않도록 주의 해야된다 만약들어가게되면 페이지가 깨지거나 오작동이 되기때문이다 그러기 때문에 습관을 들이는것이좋다

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");

게시글

띄어쓰기   외에 다른 방법

1)" "한칸을 비우는 방법 -> 여러번" " 넣으면 " " 띄어쓰기 한칸만된다 2)  사용하는 방법 여러번의 띄어쓰기를 넣을때 사용한다 3)\u00A0 사용하는 방법도 있다 자바스크립트에서 사용된다