css中border的定义以及是否计算在div的宽度和高度内 |
您所在的位置:网站首页 › div边框长度 › css中border的定义以及是否计算在div的宽度和高度内 |
1、边框的样式 border:5px solid red;border 简写属性在一个声明设置所有的边框属性。 可以按顺序设置如下属性: border-width:规定边框的宽度border-style:规定边框的样式border-color:规定边框的颜色 值描述none定义无边框。hidden与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。dotted定义点状边框。在大多数浏览器中呈现为实线。dashed定义虚线。在大多数浏览器中呈现为实线。solid定义实线。double定义双线。双线的宽度等于 border-width 的值。groove定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge定义 3D 垄状边框。其效果取决于 border-color 的值。inset定义 3D inset 边框。其效果取决于 border-color 的值。outset定义 3D outset 边框。其效果取决于 border-color 的值。inherit规定应该从父元素继承边框样式。2、CSS3 border-radius 属性,向 div 元素添加圆角边框 border-radius: 4px; border: 1px solid; border-color: #ccc;3、padding和border是否计算在div的宽度和高度内 box-sizing: content-box|border-box|inherit;content-box:这是由 CSS2.1 规定的宽度高度行为,宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box:为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |