CSS

CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 123

0

조회 수 : 7984 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 :  

조건 주석문은 윈도우용 IE5 가 나오면서 선보인 기능으로서 그 이후에 나온 윈도우용 모든 버전에서 지원하고 있습니다.
특정 스타일시트 IE5 이상 브라우저에 적용하려면 다음과 같은 코드를 (X)html 문서 헤드 부분에 넣으면 됩니다.

<!– [if IE]
<style type=”text/css”>
@import (”style.css”);
</style>
–>


위와 같이 할경우 IE5 이상 버전에서는 style.css 를 읽어드리고, 나머지 브라우저에서는 주석문으로 인식합니다.
IE5 같은 특정 버전의 브라우저가 대상이 되도록 할려면 아래와 같은 방법으로 할 수 있습니다.

<!– [if IE 5]
<style type=”type/css”>
@import (”style.css”);
</style>
–>


5.5 이상 브라우저를 대상으로 할려면

<!– [if gte IE 5.5000]

IE5와 5.5를 대상으로 할려면

<!– [if it IE 6]

위와 같은 기법들은 아주 잘 동작하면서 상대적으로 외우기도 쉽습니다. 단 이 주석문은 css 파일이 아니라 html에 써야 합니다. 그러므로 특정 브라우저를 더이상 지원하지 않게 될 경우 모든 페이지마다 해당 주석문을 제거해야 합니다.


<p><!--[if IE]>
According to the conditional comment this is Internet Explorer<br />
<![endif]-->
<!--[if IE 5]>
According to the conditional comment this is Internet Explorer 5<br />
<![endif]-->
<!--[if IE 5.0]>
According to the conditional comment this is Internet Explorer 5.0<br />
<![endif]-->
<!--[if IE 5.5]>
According to the conditional comment this is Internet Explorer 5.5<br />
<![endif]-->
<!--[if IE 6]>
According to the conditional comment this is Internet Explorer 6<br />
<![endif]-->
<!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]-->
<!--[if gte IE 5]>
According to the conditional comment this is Internet Explorer 5 and up<br />
<![endif]-->
<!--[if lt IE 6]>
According to the conditional comment this is Internet Explorer lower than 6<br />
<![endif]-->
<!--[if lte IE 5.5]>
According to the conditional comment this is Internet Explorer lower or equal to 5.5<br />
<![endif]-->
<!--[if gt IE 6]>
According to the conditional comment this is Internet Explorer greater than 6<br />
<![endif]-->
</p>
태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/css/19005/fa7/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '1'

스마일조아 (118618)

2009.11.05 11:22:55

정말 좋은 정보 감사합니다.
List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수
공지 Cascading Style Sheets (CSS3) file title: [ani]깜빡이는 표정빽짱구 2010-06-29 1 32635
공지 CSS 용량을 줄여주는 사이트 file [7] title: [ani]깜빡이는 표정빽짱구 2010-05-13 1 23175
공지 css 팁에 관련해서... [1] title: [ani]깜빡이는 표정빽짱구 2007-11-30 1 44339
23 margin (마진) 에 대해 알아보자. title: [ani]깜빡이는 표정빽짱구 2007-11-12   9418
22 인터넷 익스플로러 조건 주석문 [1] title: [ani]깜빡이는 표정빽짱구 2007-11-11   7984
21 hit 전체 레이아웃 가운데 정렬 title: [ani]깜빡이는 표정빽짱구 2007-11-05   13397
20 repeat title: [ani]깜빡이는 표정빽짱구 2007-10-01   6763
19 폰트 사이즈 비교표 title: [ani]깜빡이는 표정빽짱구 2007-09-17   9629
18 hit best of best DIV와 CSS를 이용한 웹 표준코딩의 장점 [1] title: [ani]깜빡이는 표정빽짱구 2007-02-28 89 10627
17 best of best 이미지 border 값 한번에 없애기 title: [ani]깜빡이는 표정빽짱구 2007-01-21 39 7637
16 best of best (css) 쉐도우박스 title: [ani]깜빡이는 표정빽짱구 2007-01-21 69 7445
15 best of best 스크롤바 색상 만들기 file title: [ani]깜빡이는 표정빽짱구 2006-03-11 21 6826
14 best of best 스타일시트를 이용한 링크점선 없애기 title: [ani]깜빡이는 표정빽짱구 2006-02-05 47 7958
13 best of best 스타일적용으로 메뉴클릭시 하위내용보이기 title: [ani]깜빡이는 표정빽짱구 2006-01-24 39 8144
12 best of best 스타일로 상,오른쪽,하,왼쪽 여백주기 title: [ani]깜빡이는 표정빽짱구 2006-01-23 26 7813
11 best of best 스크롤바 사용유무를 스타일로 정의하자 title: [ani]깜빡이는 표정빽짱구 2006-01-07 37 6156
10 투명 테이블 만들기 title: [ani]깜빡이는 표정빽짱구 2006-01-01 14 7552
9 best of best 링크에 각각 다른 효과 주기 title: [ani]깜빡이는 표정빽짱구 2006-01-01 35 6235
8 best of best 외부스타일시트 불러오기 [2] title: [ani]깜빡이는 표정빽짱구 2005-12-21 27 6973
7 컬러이미지를 흑백이미지로 바꾸기 title: [ani]깜빡이는 표정빽짱구 2005-11-28 12 6680
6 best of best 아이프레임시 가로스크롤바 없애기 title: [ani]깜빡이는 표정빽짱구 2005-03-08 26 7475
5 hit best of best 텍스트에 마우스 오버시 밑줄을 점선으로 표시하기 title: [ani]깜빡이는 표정빽짱구 2004-10-31 45 10242
4 best of best 링크의 색, 밑줄, 점선밑줄, 점선박스, 배경, 두께, 크... title: [ani]깜빡이는 표정빽짱구 2004-05-05 33 8707