DIV 스크롤 막대 속성 및 스타일을 설정하는 방법 소개

DIV 스크롤 막대는 DIV 태그를 사용하여 div가 정의한 영역의 내용이 특정 수준에 도달하면 CSS 스타일 시트를 div 태그에 삽입하고 오버플로 속성 값을 정의한 후 설정합니다. DIV 스크롤 막대 관련 속성.

다음은 p 스크롤 막대 속성 및 스타일 설정에 대한 설명입니다. p 태그를 사용하여 CSS 스타일 시트를 내부에 삽입하고 오버플로 속성 값을 추가합니다. p에 의해 규제되는 영역은 특정 절차가 필요할 때 스크롤 막대가 유용합니다.

p 스크롤 막대 속성 및 스타일 설정

소위 p 스크롤 막대는 p 태그를 사용하여 CSS 스타일 시트를 내부에 삽입하고 오버플로 속성 값을 추가하는 방식으로 영역의 콘텐츠가 규제됩니다. p가 특정 스크롤 막대에 도달하면 프로그래밍할 때 유용합니다. 그 기능은 아마도 페이지 공간을 절약하는 것인데, 이는 소위 "공간 축소"입니다.

p로 정의한 영역의 내용이 일정 수준에 도달하면 p 태그에 CSS 스타일 시트를 삽입하고, 오버플로의 속성 값을 정의하고, p 스크롤 막대와 관련된 속성을 설정합니다.

샘플 코드:

<styletylestyletyle="text/css"> 
.testDiv{  
border-style:solid;  
border-width:50px;  
border-color:pink;  
 
position:absolute;  
top:200px;  
left:300px;  
height:200px;  
width:300px;  
 
overFlow-x:scroll;  
overFlow-y:hidden;  
 
scrollBar-face-color:green;  
scrollBar-hightLight-color:red;  
scrollBar-3dLight-color:orange;  
scrollBar-darkshadow-color:blue;  
scrollBar-shadow-color:yellow;  
scrollBar-arrow-color:purple;  
scrollBar-track-color:black;  
scrollBar-base-color:pink;  
 
}  
 
</style>

참고:

1.overFlow:

visible은 가치를 절약하고 p 스크롤 막대가 없으며 영역의 크기가 내용에 따라 자동으로 확장됩니다. 는 정의된 영역이 유효하지 않습니다

scroll 스크롤바를 표시하는 것입니다

hidden 스크롤바가 없으며, 해당 영역 너머의 내용은 보이지 않습니다

auto 내용에 따라 스크롤바 추가 여부를 자동으로 결정합니다

2.p스크롤 막대 색상 속성:

face-color: 슬라이더 색상

hightlight-color: 강조 색상

3dlight-color: 3차원 조명 색상

darkshadow-color: 그림자 색상

shadow- color: 그림자 색상

arrow-color: 화살표 색상

track-color: 트랙 색상

base-color: 스크롤 버튼과 스크롤 슬라이더를 포함하는 p 스크롤 막대의 기본 색상

3.overFlow-xoverFlow- y

visible은 값을 저장하고 p 스크롤 막대 없이 내용에 따라 자동으로 영역을 확장합니다. 크기, 즉 정의된 영역이 유효하지 않습니다.

scroll은 항상 스크롤 막대를 표시합니다

hidden p 스크롤 막대가 없으며, 영역 너머의 콘텐츠는 보이지 않습니다

자동으로 콘텐츠에 따라 스크롤바 추가 여부를 자동으로 결정합니다

1. 퍼즐을 푸는 전문가 p 무슨 뜻인가요?

2. JavaScriptp 속성과 스타일의 동적 생성

3. SPAN 요소와 p 요소의 차이점

4. CSS2.0의 page-break-after 속성 사용

5. border 탐색:none ; CSS에서 border:0;

요약:

이 문서에서는 p 스크롤 막대의 속성과 스타일 설정에 대해 설명합니다. CSS 스타일 시트를 삽입하려면 오버플로 속성 값을 추가하세요. 그러면 p로 규제되는 영역의 콘텐츠가 특정 수준에 도달하면 스크롤 막대가 유용하게 됩니다.

관련 추천:

CSS 컨트롤 스크롤 막대 스타일 분석

CSS3 사용자 정의 스크롤 막대 스타일의 자세한 예

C SS 설정 div 스크롤 막대 스타일 예

위 내용은 DIV 스크롤 막대 속성 및 스타일을 설정하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!