반응형 CSS9 자동 스크롤 만들기 자동 스크롤 만들기 border:2px solid gray; border-radius:5px; overflow:auto; //스크롤바 생성 overflow-x:hidden; //가로 스크롤바 숨기기 2016. 2. 23. [CSS] 텍스트 처리 - text-overflow:ellipsis; / white-space: nowrap; / word-break:break-all; [CSS] 텍스트 처리 - text-overflow:ellipsis; / white-space: nowrap; / word-break:break-all; text-overflow:ellipsis; - 글자 길이가 width 길이를 넘기는 경우 ‘...’으로 표시해주는 기능입니다. white-space: nowrap; - 글자가 width값을 넘기는 경우 자동으로 줄 바꿈 되지 않게 해주는 기능입니다. word-break:break-all; - 영문/숫자가 박스 밖으로 넘어갈때 박스 사이즈에 맞게 줄바꿈해주는 기능입니다. 2014. 6. 13. visibility:hidden과 display:none의 차이점 웹 화면상에서 필요 없는 부분이나 a:hover 부분을 보이지 않게 하기 하기 위하여 visibility:hidden 과 display:none을 하는 경우가 종종 있습니다. 이것들의 차이는 차이점이 하나 있습니다. display:none을 하게 되면 html 은 구조상에서 사라 지게 되고 visibility:hidden의 경우에는 단지 눈에만 보 이지 않을 뿐 자기의 영역을 고수 하여 다른 것들의 위치 선정에 영향을 주게 된다는 것입니다. a b 기존의 이런 소스를 실행하면 이렇게 나옵니다. 하지만 스타일 시트에 visibility:hidden; 을 추가 해주면 위와 같이 영역이 포함 된 상태로 나오나, display:none;과 같은 경우에는 아래와 같이 그 영역을 잡아 먹고 올라와서 b가 보여.. 2011. 12. 2. [HTML] 커서(cursor) 모양 바꾸기 보통 A태그에 링크를 넣으면 그 링크부분에 손모양이 나오죠.ㅎㅎ 궁금하시다면 여기에 마우스를 올려보세요. 손모양이 나오죠?ㅎㅎㅎ 그런데 난 다른 모양이 나오게 하고싶다????? 꼭 그런분이 계시죠....저 또한 그렇습니다.ㅎㅎ 다시한번 여기에 마우스를 올려보세요. 다른 모양으로 바꼈죠?ㅎㅎㅎㅎㅎ 바꾸시기 간단해요~ 약간의 태그만 넣으면 됩니다. 이제 알려드릴께요~ 1) 기본태그 보통 A태그는 이렇게 사용하는데요. A태그 안에 ▶ style="cursor:원하는 모양 태그;" ◀ 를 추가해주시면되요. 예제 클릭 2) 모양 선택 이중에서 원하는 모양을 선택해서 태그를 넣으시면 되요. 예를 들어 물음표 모양을 사용하고 싶다!! 클릭 이렇게 사용하시면 됩니다. 대/소문자 구별은 안하니 아무거나 쓰세요.ㅎㅎ 3).. 2011. 10. 27. 이전 1 2 3 다음 반응형
