举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > css left属性 CSS left 属性

css left属性 CSS left 属性

2023-03-23 02:18 CSS参考手册

css left属性 CSS left 属性

css left属性

CSS left 属性是用来设置元素的左外边距,它可以控制元素在页面中的位置。它是一个相对定位属性,可以用来改变元素的位置,而不会影响其他元素的位置。

left: 10px;

上面这行代码表明,将元素的左外边距设为 10px。这意味着该元素将在页面中向右偏 10px。如果 left 属性的值为负数,则该元素将向左偏。

left: -10px;

此外,left 属性也可以使用相对单位(如 em 或 %)来控制元素的位置。例如:

left: 5%;

上面这行代码表明,将元素的左外边距设为 5%。这意味着该元素将在页面中向右偏 5% 的宽度。此外,left 属性也可以使用 auto 关键字来使浏览器根据当前布局决定该元素的位置。例如:

left: auto;

CSS left 属性是一个强大而有用的 CSS 属性,它可以帮助我们更好地控制文档流中的元素位置。通过使用 left 属性我们可以很容易地创建出复杂而有效的布局效果。

CSS left 属性

CSS left 属性

实例

把图像的左边缘设置在其包含元素左边缘向右5像素的位置:

img
{
position:absolute;
left:5px;
}


属性定义及使用说明

left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。

如果 "position" 属性的值为 "static",那么设置 "left" 属性不会产生任何效果。

注意: If "position:static", the left property has no effect.

默认值: auto
继承: no
版本: CSS2
JavaScript 语法: object.style.left="50px"


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性          
left 1.0 5.5 1.0 1.0 5.0

属性值

描述
auto默认值。通过浏览器计算左边缘的位置。
%设置以包含元素的百分比计的左边位置。可使用负值。
length使用 px、cm 等单位设置元素的左边位置。可使用负值。
inherit规定应该从父元素继承 left 属性的值。


相关文章

CSS 教程: CSS Positioning

阅读全文
以上是编程学为你收集整理的css left属性 CSS left 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部