CSS 상단 속성은 요소의 상단 가장자리를 지정합니다. 이 속성은 위치가 지정된 요소의 상단 여백 경계와 해당 요소가 포함된 블록의 상단 경계 사이의 오프셋을 정의합니다.
CSS 상단 속성을 어떻게 사용하나요?
기능: top 속성은 요소의 위쪽 가장자리를 지정합니다. 이 속성은 위치가 지정된 요소의 상단 여백 경계와 포함 블록의 상단 경계 사이의 오프셋을 정의합니다.
설명:
정적 요소의 경우 자동입니다.
길이 값의 경우 해당 절대 길이입니다.
백분율 값의 경우 지정된 값입니다.
그렇지 않으면 자동입니다.
상대 정의 요소의 경우 상단과 하단이 모두 자동이면 계산된 값은 모두 0입니다.
둘 중 하나가 자동이면 다른 값의 반대 값이 사용됩니다.
둘 다 자동이 아니면 하단입니다. top 값과 반대가 됩니다.
참고:
모든 주요 브라우저는 최상위 속성을 지원합니다. 속성 값 "inherit"는 모든 버전의 Internet Explorer(IE8 포함)에서 지원되지 않습니다.
css 최상위 속성 사용 예
<html>
<head>
<style type="text/css">
img
{
position:absolute;
top:5px;
}
</style>
</head>
<body>
<img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="CSS 상단 속성을 사용하는 방법" >
<h1>This is a heading</h1>
</body>
</html>효과 출력:
위 내용은 CSS 상단 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
