CSSのleft属性の使い方

青灯夜游
リリース: 2019-05-30 14:46:45
オリジナル
3204 人が閲覧しました

left 属性は CSS の位​​置決め属性で、要素の左端を指定するために使用され、位置決めされた要素の左マージン境界とその要素を含むブロックの左境界の間のオフセットを定義します。 「position」プロパティの値が「static」の場合、「left」プロパティを設定しても効果はありません。

CSSのleft属性の使い方

#CSS left 属性を使用するにはどうすればよいですか?

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

構文:

left: auto|%|length|inherit;
ログイン後にコピー

属性値:

● auto: デフォルト値。ブラウザを通じて左端の位置を計算します。

##● %: 左の位置を、含まれる要素のパーセンテージとして設定します。負の値も使用できます。

# 長さ: px、cm、その他の単位を使用して要素の左位置を設定します。負の値も使用できます。

# Inherit: left 属性の値を親要素から継承することを指定します。

注: すべての主要なブラウザは left 属性をサポートしています。属性値「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。

css left 属性の例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
img
{
  position:absolute;
  left:100px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img  src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="CSSのleft属性の使い方" >
</body>
</html>
ログイン後にコピー
レンダリング:


CSSのleft属性の使い方

以上がCSSのleft属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート