html5에서 top은 무엇을 의미하나요?
- WBOY원래의
- 2021-12-23 16:57:209493검색
top은 HTML5에서 "상단"과 "상단으로부터의 거리"를 의미합니다. top 속성은 요소의 위쪽 가장자리를 지정하는 데 사용되며 위치가 지정된 요소의 위쪽 외부 경계와 요소 사이의 오프셋을 설정하는 데에도 사용할 수 있습니다. 포함 블록의 상위 경계입니다. 구문은 "
" 또는 "Object.style.top=value"입니다. <element style="top:值">
이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.
html5에서 top은 무엇을 의미하나요?
top 속성은 요소의 위쪽 가장자리를 지정합니다. 이 속성은 위치가 지정된 요소의 상단 여백 경계와 포함 블록의 상단 경계 사이의 오프셋을 정의합니다.
참고: "position" 속성 값이 "static"인 경우 "top" 속성을 설정해도 아무런 효과가 없습니다.
정적 요소의 경우, 길이 값의 경우 해당 절대 길이이고, 그렇지 않은 경우에는 지정된 값입니다.
상대 정의 요소의 경우 상단과 하단이 모두 자동이면 계산된 값은 둘 다 0입니다. 둘 중 하나가 자동이면 다른 값의 반대가 자동이 되며 하단이 상단이 됩니다. 가치의 반대.
구문은 다음과 같습니다.
<element style="top:值">
top 속성은 위치가 지정된 요소의 상단 여백 경계와 포함 블록의 상단 경계 사이의 오프셋을 설정합니다.
구문은
Object.style.top=auto|%|length
예는 다음과 같습니다.
<html>
<head>
<style type="text/css">
input
{
position:absolute;
}
</style>
<script type="text/javascript">
function setTopEdge()
{
document.getElementById("b1").style.top="100px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="setTopEdge()"
value="Set top edge to 100 px" />
</body>
</html>출력 결과:
추천 튜토리얼: "html 비디오 튜토리얼"
위 내용은 html5에서 top은 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!