- xhtml + css 에서의 strike 태그에 대한 대안
-
name: 뉴크
read: 1243
date: 2007-02-22 01:34:00
- http://ez2web.com/blog/66
포스트 본문
-
오늘은 오래만에 다시 css2 관련한 이야기입니다~ ^^.
만박님 블로그에 올라온 포스트를 읽다가 별거 아닌(??) 딴지거리를 찾고
댓글을 작성 하던중에 무심코 적어 버린 <strike> 태그
그리고 그안에 열심히 style 속성을 넣습니다... color:#f00
혹시나 싶어서 확인을 해보니 역시나 제대로 적용이 되지 않는군요 ㅡ.ㅡ;
아 이거 xhtml 로 넘어오면서 더이상 쓰지 못하는 태그구나 생각이 들어
간만에 w3 에 들어가서 표준에 부합하는 올바른 tag 사용법을 찾아 봤습니다.
역시나 가운데 줄을 표시하는 strike, s 는 이미 사용이 불가능한 태그네요^^
이와 유사한 태그로 밑줄을 긋기 위한 u 도 사용이 불가능 하네요.
(위 내용은 xhtml 1.0 strict 나 1.1 에서의 이야기 입니다.
1.0 transitional 에서는 여전히 사용가능한 태그입니다.)
그러면 어떤 대체 방법이 있을 까요???
바로 style 속성에 text-decoration을 사용하면 됩니다.
사용 가능한 값은 각각 아래와 같습니다.
- none : 아무것도 것도 추가로 표시하지 않는다
- underline : 밑줄을 긋는다
- overline : 윗줄을 긋는다
- line-through : 가운데 줄을 긋는다
위 속성은 다른 style 속성들과 마찬가지로 복합적으로 사용이 가능합니다.
예를 들어 위아래 줄을 동시에 표시하고 싶다면
style="text-decoration=underline overline" 과 같이 표현 하면 됩니다.
윗줄 아랫줄 동시 적용 하기
무심코 써버기리 쉬운 익숙한 태그들 인지라
혹시라도 나중에 참고할 일이 있지 않을까 해서 이렇게 포스트로 남겨봅니다^^
-