Css Style

스크롤바 색상 및 생성유무 제어

디자인인스 2011. 1. 7. 11:11
1. 색상제어
<style type="text/css">
body {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color: navy;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: navy;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: navy}
</style>

scrollbar-face-color : 스크롤바의 색상

scrollbar-shadow-color :스크롤바 그림자 색상

scrollbar-3dlight-color 스크롤바 입체그림자 색상

scrollbar-darkshadow-color : 스크롤바의 외곽그림자(어두운부분)의 그림자

scrollbar-track-color :스크롤바의 이동 범위(트렉)의 색상

scrollbar-arrow-color :스크롤바의 상단과 하단에 있는 화살표의 색상


2. 생성유무 제어

②권장

①. 완전제거
<body scroll="no">
<body scroll="0">
<body style="overflow:hidden">

②. 자동 생성 및 제거 그리고 무조건 생성
<body style="overflow:auto">
<body style="overflow:scroll">

③. 가로 제거 및 자동 생성
<body style="overflow-x:auto; overflow-y:hidden">

④. 세로 제거 및 자동 생성
<body style="overflow-x:hidden; overflow-y:auto">

 

'Css Style' 카테고리의 다른 글

border의 속성  (0) 2011.01.07
리스트태그에 점을 아이콘으로 대체  (0) 2011.01.07
td안의 텍스트 정렬  (0) 2011.01.07
커서모양의 변화  (0) 2011.01.07
css를 html 문서에 적용시키는 3가지 유형  (0) 2011.01.07