ホームページ > 記事 > ウェブフロントエンド > CSSのtop属性の使い方
CSSのtop属性の使い方
- 藏色散人オリジナル
- 2019-05-30 09:25:235165ブラウズ
css top 属性は、要素の上端を指定します。この属性は、配置された要素の上マージン境界と、その要素を含むブロックの上境界との間のオフセットを定義します。すべての主要なブラウザは、top 属性をサポートします。
#css の top 属性を使用するにはどうすればよいですか?
機能: top 属性は要素の上端を指定します。このプロパティは、位置決めされた要素の上マージン境界とその要素を含むブロックの上境界の間のオフセットを定義します。
注:
静的要素の場合は自動です;
長さの値の場合は、対応する絶対長です;
パーセンテージ値の場合は指定された値です;
それ以外の場合は自動です。
相対定義要素の場合、上と下が両方とも auto の場合、計算値は両方とも 0 になります;
どちらかが auto の場合は、もう一方の反対の値が取られます。
どちらも auto でない場合、下位の値は上位の値の反対の数になります。
注:
すべての主要なブラウザは、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のtop属性の使い方" >
<h1>This is a heading</h1>
</body>
</html>効果の出力:
以上がCSSのtop属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。