글자3 text-overflow 이용한 텍스트 길이 제한하기 게시판 리스트의 경우 제목이 길어지는 경우 특정 길이 이상은 자르고 "..." 붙이는거 많이 보셨을겁니다. 보통 php의 경우 substr() 함수를 이용하거나 left() 함수등 언어에 따라 다양하게 활용하는데 style로 간단하게 적용할 수 있습니다. text-overflow 옵션을 활용하는 것입니다. ellipsis 내용 ellipsis-word 내용 clip 내용 inherit 내용 링크에적용1 내용 링크에적용2 내용 테이블에 적용 내용 ------------------------------------------------------------------------------------ #example1 {text-overflow-mode: clip; width: 200px; overflow:hi.. 2009. 10. 31. PHP 글자 수 자르기 function cut_str($msg,$cut_size) { if($cut_size 2008. 10. 18. 글자에 배경색 칠하기(형광펜 효과내기~) 웹 문서를 읽다보면 중요한 부분에 형광펜(이렇게~ㅋㅋ)으로 칠한것 같은 효과를 낸것을 보신적이 있으시죠? 이 효과는 스타일 시트라고 하는 것을 사용하여 만들 수 있는데 스타일 시트 중에서도 InLine Style Sheet라고 하는 방식을 이용하면 간단히 원하는 부분에 적용할 수 있습니다. 그럼 함 같이 만들어 볼까요? 형광펜 효과내기~ 간단하게 요렇게만 작성해 주시면 위의 글자에 노란색의 배경색이 칠해지게 되요~ 자 그럼 간단한 설명좀 들어갈까요? 우선 font 태그는 다들 아시죠?? 글자의 속성중 글자 크기, 글자 색, 글씨체를 지정할 수 있는 태그이지요.. 위에서는 그 중 글자 크기(size 속성을 이용해서 크기는 2로 지정)만 지정을 했습니다. 그 font 태그 안에 style속성을 사용하였죠? .. 2008. 10. 8. 이전 1 다음