css中box属性是由哪些组成

在CSS中，box属性包括四个组成部分，它们分别是box-sizing、box-shadow、box-decoration-break和box-align。

.box {
  box-sizing: border-box;
  box-shadow: 0 0 5px 0 #ccc;
  box-decoration-break: clone;
  box-align: center;
} 

首先是box-sizing属性，它用来设置盒子的尺寸计算模式。当值为content-box时，它表示的是标准盒模型，该盒子的尺寸是由内容的宽度、高度及边框和内边距的总和来计算的；当值为border-box时，它表示的是IE盒模型，该盒子的尺寸是由内容的宽度及边框和内边距的总和来计算的。

其次是box-shadow属性，它用来创建阴影效果。该属性需要指定四个值，分别是横向偏移量、纵向偏移量、阴影模糊半径和阴影扩散半径。同时，我们还可以通过指定颜色和inset关键字，来控制阴影的颜色和位置。

接下来是box-decoration-break属性，它用来指定装饰线在元素的断点处的行为。该属性可以指定三个值，分别是slice、clone和inherit。其中，slice表示在每个断点处分割装饰线，clone表示在每个断点处复制装饰线，inherit表示从父元素继承值。

最后是box-align属性，它用来控制内联盒子的垂直对齐方式。该属性可以指定四个值，分别是baseline、stretch、start和end。其中，baseline表示基线对齐，stretch表示拉伸对齐，start表示顶部对齐，end表示底部对齐。