首页 > 其他分享 >box-sizing常用的属性有哪些?分别有什么作用?

box-sizing常用的属性有哪些?分别有什么作用?

时间:2023-03-03 18:23:00浏览次数:58  
标签:box sizing 元素 边框 宽度 内边 属性

(1)标准盒模型 box-sizing: content-box;

作用:

宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。
(2)IE盒模型 box-sizing: border-box;

作用:

元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
(3)box-sizing: inherit;继承其父元素的box-sizing 属性的值。

补充:也可以写unset  就是不设置的意思

标签:box,sizing,元素,边框,宽度,内边,属性
From: https://www.cnblogs.com/heibaiqi/p/17176615.html

相关文章

  • 7_Spring_使用外部属性配置文件
    ​ spring容器可以读取.properties属性配置文件,可以将文件中的信息注入给bean例如,引入Druid数据源,配置连接池信息1 导入Druid依赖和mysql-connector依赖<d......
  • 7_Spring_使用外部属性配置文件
    ​ spring容器可以读取.properties属性配置文件,可以将文件中的信息注入给bean例如,引入Druid数据源,配置连接池信息1 导入Druid依赖和mysql-connector依赖<d......
  • 正点原子IMX6ULL开发板-busybox rootfs移植-Cannot open root device "nfs" or unknow
    环境VMware17.0.0Ubuntu16NXP提供的U-boot与Linux版本:u-boot:uboot-imx-rel_imx_4.1.15_2.1.0_ga.tar.bz2linux:linux-imx-rel_imx_4.1.15_2.1.0_ga.tar.bz2开发板:......
  • 如何使用 jQuery 更改 CSS display none 或 block 属性?
    如何使用jQuery更改CSSdisplaynone或block属性?解答http://www.stackoverflow.ink/posts/ru-he-shi-yong-jquery-geng-gai-css-display-none-huo-block-......
  • 车联网安全学习之TBOX
    车联网安全学习之TBOX转载自:https://delikely.github.io/2021/08/15/TBOX-Main-Function/TelematicsBOX,简称T-BOX,也称远程信息处理控制单元(TelematicsControlUnit,......
  • CSS 边框属性
    CSS边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。在四边都有边框红色底部边框圆角边框左侧边框带宽度,颜色为蓝色边框样式边框样式属性指......
  • spring冷门小知识点--AbstractBeanDefinition的lazyInit属性
    1.含义默认情况下,spring启动时会将所有单例bean初始化,然后放到singletonObjects(ConcurrentHashMap)(位于类DefaultSingletonBeanRegistry)里面;但有时候在一些业务场景......
  • 质量属性--可用性
    本篇阅读笔记的主要内容是:1.可用性的要求2.可用性的实际需求,在不同阶段的不同战术3.可用性战术的实际案例,我能想到的 可用性是系统能够正常运行的时间比例,由此得出可......
  • 高性能属性分析
    性能指标是评估软件的一项很重要的属性,不管是对于用户还是程序员来说。对于某些特别的网站来说,性能指标更是重中之重,访问量过多造成的崩溃,或者是某些重要的信息不能及......
  • 质量属性-性能
    需要了解的是质量属性的概念,战术,战术应用实例(之前项目是否设计)改善性能,浏览器缓存,页面压缩,减少cookie传输,异步,高并发处理请求,多线程(代码优化),内存管理,SQL优化,具体指标是否......