CSSで画像を上に移動する方法

CSS の top 属性を使用して画像を上に移動できます。この属性は、親要素に対する画像の垂直方向のオフセットを指定します。手順は次のとおりです: 1. 画像要素を選択します。 2. top 属性を使用して、画像の上方への移動量を指定します。単位はピクセル、パーセンテージ、em または rem です。

#CSS を使用して画像を上に移動する方法

画像を上に移動するには、CSS# を使用できます##トップ

プロパティ。このプロパティは、親要素を基準とした要素の垂直オフセットを指定します。

手順:

移動する画像要素を選択します。

1. top
2. 属性を使用して、画像が上に移動する量を指定します。 単位はピクセル (px)、パーセンテージ (%)、em または rem です。

サンプル コード:

<code class="css">img {
  top: -20px;
}</code>

これにより、画像が 20 ピクセル上に移動します。

注:

負の値は、画像が上に移動することを意味します。

• 正の値は、画像が下に移動することを意味します。
• 単位が指定されていない場合、単位はデフォルトのピクセルになります。
• top
• 属性がブロック レベルの要素に適用される場合、その親要素のパディング ボックスの上部を基準にして移動されます。インライン要素の場合、親要素のベースラインを基準にして移動されます。

以上がCSSで画像を上に移動する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。