ホームページ > 記事 > ウェブフロントエンド > CSSでトップとは何を意味しますか
CSSでトップとは何を意味しますか
- WBOYオリジナル
- 2021-12-10 15:12:218853ブラウズ
CSS では、top は「上」および「上からの距離」を意味します。top 属性は、position 属性とともに使用して、配置された要素の上からの距離を設定します。 top 属性は、位置決めされた要素の上マージン境界と、その要素を含むブロックの上境界との間のオフセットを定義できます。top 属性は、位置決めされた要素に対してのみ機能します。
このチュートリアルの動作環境: 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でトップとは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでボタンの枠線を変更する方法次の記事：CSSでボタンの枠線を変更する方法