首頁  >  文章  >  web前端  >  css left屬性怎麼用

css left屬性怎麼用

青灯夜游
青灯夜游原創
2019-05-30 14:46:453159瀏覽

left屬性是css的一個定位屬性,用於指定元素的左邊緣,定義了定位元素左外邊距邊界與其包含區塊左邊界之間的偏移。如果 "position" 屬性的值為 "static",則設定 "left" 屬性不會產生任何效果。

css left屬性怎麼用

css left屬性怎麼用?

left屬性規定元素的左邊緣。此屬性定義了定位元素左外邊距邊界與其包含區塊左邊界之間的偏移。

語法:

left: auto|%|length|inherit;

屬性值:

##● auto:預設值。透過瀏覽器計算左邊緣的位置。

● %:設定以包含元素的百分比計的左邊位置。可使用負值。

● length:使用 px、cm 等單位設定元素的左邊位置。可使用負值。

● inherit:規定應該從父元素繼承 left 屬性的值。

註解:所有主流瀏覽器都支援 left 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。

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" />
</body>
</html>

效果圖:


##

以上是css left屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn