zoukankan      html  css  js  c++  java
  • CSS3 中的 box-sizing属性

    语法:

    box-sizing: content-text | border-box | inherit;

    content-box(默认):

    宽度和高度分别应用元素的内容框;在宽度和高度之外绘制元素的内边距和边框。

    border-box:

    为元素设定的宽度和高度决定了元素的边框盒;就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制;通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

    inherit:

    规定从父元素继承box-sizing属性的值。

    示例:

    content-box(默认):

    border-box:

    浏览器兼容性:

    IE8及以上版本支持该属性,FireFox需要加浏览器厂商前缀 -moz-,低版本的iOS和Android浏览器也需要加上 -webkit-。

  • 相关阅读:
    Git的环境搭建
    AmazeUI HTML元素
    AmazeUI布局
    AmazeUI基本样式
    Bash简介
    Linux下拷贝目录和删除
    linux下的定时任务
    缓存
    隔离
    DEDECMS使用SQL命令批量替换语句
  • 原文地址:https://www.cnblogs.com/webbest/p/7560338.html
Copyright © 2011-2022 走看看