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,634건 72 페이지
  • RSS
기술자료 목록
1214
HTML   32110  2012-09-06 01:21  
1213
ClassicASP   23719  2012-08-23 19:16 ~ 2013-12-20 00:00  
1212
SQL   14705  2012-08-23 01:28 ~ 2012-10-29 00:00  
1211
JavaScript   21628  2012-08-23 01:18  
1210
Editor   33745  2012-07-26 23:16  
1209
HTML   20837  2012-07-17 20:51  
1208
영카트   27130  2012-07-16 20:51  
1207
영카트   15754  2012-07-16 20:41  
1206
일반   36602  2012-07-04 12:24  
1205
일반   36184  2012-06-28 00:00  
1204
JavaScript   20685  2012-06-23 23:47  
1203
JavaScript   15416  2012-06-23 23:45  
1202
ClassicASP   13974  2012-06-23 23:01  
1201
MSSQL   42912  2012-06-23 19:33  
열람
HTML   15977  2012-06-23 17:21 ~ 2014-05-22 00:00  
1199
메이크샵   12756  2012-06-21 06:51  
1198
JavaScript   35704  2012-06-21 05:20 ~ 2022-11-18 13:06  
1197
호스팅   18487  2012-06-16 20:00 ~ 2014-08-09 00:00  
1196
그누보드   14196  2012-06-16 06:20  
1195
WindowsServer   32040  2012-06-14 13:32  

검색

해피정닷컴 정보

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

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