ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでトップとは何を意味しますか

CSSでトップとは何を意味しますか

WBOY
WBOYオリジナル
2021-12-10 15:12:218951ブラウズ

CSS では、top は「上」および「上からの距離」を意味します。top 属性は、position 属性とともに使用して、配置された要素の上からの距離を設定します。 top 属性は、位置決めされた要素の上マージン境界と、その要素を含むブロックの上境界との間のオフセットを定義できます。top 属性は、位置決めされた要素に対してのみ機能します。

CSSでトップとは何を意味しますか

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css における top の意味

css では、top は「上」を意味し、top 属性は位置決め要素の設定に使用されます。頂上からの距離。

top 属性は要素の上端を指定します。このプロパティは、位置決めされた要素の上マージン境界とその要素を含むブロックの上境界の間のオフセットを定義します。

注: 「position」属性の値が「static」の場合、「top」属性を設定しても効果はありません。

構文は次のとおりです:

position:absolute; //这个是必须的,top和left才能起作用
top: 10px; //距离顶部10像素,就是想下面移动10像素

例は次のとおりです:

<html>
<head>
<style type="text/css">
img{
position:absolute;
top:30px;
}
</style>
</head>
<body>
<img  src="1115.08.png" / alt="CSSでトップとは何を意味しますか" >
<h1>This is a heading</h1>
</body>
</html>

出力結果:

CSSでトップとは何を意味しますか

(学習ビデオの共有: css ビデオ チュートリアル )

以上がCSSでトップとは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。