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

css right屬性怎麼用

藏色散人
藏色散人原創
2019-05-30 10:44:043505瀏覽

css right屬性規定元素的右邊緣,該屬性定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

css right屬性怎麼用

css right屬性怎麼用?

作用:right 屬性規定元素的右邊緣。此屬性定義了定位元素右外邊距邊界與其包含區塊右邊界之間的偏移。

說明:

對於static 元素,為auto;

對於長度值,則為對應的絕對長度;

對於百分比數值,為指定值;否則為auto。

對於相對定義元素,left 的計算值總是等於 right。

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

css right屬性使用範例

<html>
<head>
<style type="text/css">
img
{
position:absolute;
right:50px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img  src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="css right屬性怎麼用" >
</body>
</html>

效果輸出:

css right屬性怎麼用##

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

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