doctype 정의에 따른 스크롤바 스타일 > 기술자료 | 해피정닷컴

doctype 정의에 따른 스크롤바 스타일 > 기술자료

본문 바로가기

사이트 내 전체검색

doctype 정의에 따른 스크롤바 스타일 > 기술자료

HTML doctype 정의에 따른 스크롤바 스타일

페이지 정보


본문

DTD 설정을 하게 되면 브라우저가 표준 모드로 렌더링하게 되므로 Scroll Bar 속성을 body{}에 주면 안되고 html{}에 주어야 한다.


[ 샘플 1 ]   doctype 미적용된 문서에서 body 에 스크롤바 적용된 경우
<html>
<head>
<style type="text/css">
<!--
body {
  scrollbar-3dlight-color: #808080;
  scrollbar-arrow-color: #606060;
  scrollbar-base-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #808080;
}
//-->
</style>
</head>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />https://www.happyjung.com
</body>
</html>


[ 샘플 2 ]   doctype 적용된 문서에서 body 에 스크롤바 적용된 경우
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
  scrollbar-3dlight-color: #808080;
  scrollbar-arrow-color: #606060;
  scrollbar-base-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #808080;
}
//-->
</style>
</head>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />https://www.happyjung.com
</body>
</html>


[ 샘플 3 ]   doctype 적용된 문서에 html 에 스크롤바 적용된 경우
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
html {
  scrollbar-3dlight-color: #808080;
  scrollbar-arrow-color: #606060;
  scrollbar-base-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #808080;
}
//-->
</style>
</head>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />https://www.happyjung.com
</body>
</html>


참고자료
http://mulue.springnote.com/pages/1665110

댓글목록

등록된 댓글이 없습니다.


Total 2,636건 72 페이지
  • RSS
기술자료 목록
1216
ClassicASP   18223  2012-09-07 19:38  
1215
JavaScript   29143  2012-09-07 19:33 ~ 2017-12-01 14:36  
1214
HTML   32356  2012-09-06 01:21  
1213
ClassicASP   23906  2012-08-23 19:16 ~ 2013-12-20 00:00  
1212
SQL   14868  2012-08-23 01:28 ~ 2012-10-29 00:00  
1211
JavaScript   21795  2012-08-23 01:18  
1210
Editor   33971  2012-07-26 23:16  
1209
HTML   21034  2012-07-17 20:51  
1208
영카트   27365  2012-07-16 20:51  
1207
영카트   15908  2012-07-16 20:41  
1206
일반   36828  2012-07-04 12:24  
1205
일반   36401  2012-06-28 00:00  
1204
JavaScript   20851  2012-06-23 23:47  
1203
JavaScript   15569  2012-06-23 23:45  
1202
ClassicASP   14126  2012-06-23 23:01  
1201
MSSQL   43180  2012-06-23 19:33  
열람
HTML   16131  2012-06-23 17:21 ~ 2014-05-22 00:00  
1199
메이크샵   12937  2012-06-21 06:51  
1198
JavaScript   35938  2012-06-21 05:20 ~ 2022-11-18 13:06  
1197
호스팅   18638  2012-06-16 20:00 ~ 2014-08-09 00:00  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2025 해피정닷컴. All Rights Reserved.