css中width什么意思


本文摘自PHP中文网,作者青灯夜游,侵删。

在css中,width的意思为“宽度”,是用于设置元素宽度的一个属性,基本语法格式“width:length|%;”;该属性可以定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

1.png

css width属性

width属性设置元素的宽度。

注意: width属性不包括填充,边框和页边距!

width属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。

属性值:

  • auto 默认值。浏览器可计算出实际的宽度。

  • length 使用 px、cm 等单位定义宽度。

  • % 定义基于包含块(父元素)宽度的百分比宽度。

  • inherit 规定应该从父元素继承 width 属性的值。

【推荐教程:CSS视频教程 】

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

 

    <head>

        <style type="text/css">

            img {

                width: 300px

            }

        </style>

    </head>

 

    <body>

 

        <img src="img/1.jpg" />

 

    </body>

 

</html>

2.png

更多编程相关知识,请访问:编程入门!!

以上就是css中width什么意思的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css描边属性是什么

css flex-direction属性怎么用

如何利用纯css实现图片轮播

css如何让鼠标放上时的小手样式

css怎么改变hr标签颜色

css如何设置div字体大小

利用css动画属性rotate来实现镜像翻转

css 实现三栏自适应布局

css中用什么属性来定义盒的类型

css如何获取图片的宽度

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...