css不占用边框线的是哪个

CSS不占用边框线的是哪个？
CSS中常见的属性之一就是边框（border）。边框可以让我们设置元素的边框线样式、宽度和颜色等属性。但是，在实际的开发中，我们可能会遇到一个问题，那就是边框会占用元素的宽度或高度。这时，我们就需要知道CSS中哪个属性可以解决这个问题。
答案是：box-sizing属性。
box-sizing属性有两个可能的值：content-box和border-box。默认值是content-box。当设为content-box时，元素的宽度（或高度）只包括元素内容的宽度（或高度），不包括边框、内边距和外边距。而当设为border-box时，元素的宽度（或高度）包括元素的内容、内边距和边框，但不包括外边距。
以下是一个例子，使用了box-sizing属性。可以看到，当box-sizing属性设为border-box时，元素宽度为200px，而当设为content-box时，元素宽度为220px（其中20px为左右两边的边框宽度）。

 p {
      width: 200px;
      height: 100px;
      border: 10px solid black;
      padding: 20px;
      margin: 0 auto;
      box-sizing: border-box;
   } 

通过使用box-sizing属性，我们可以轻松地解决边框占用元素宽度或高度的问题，让页面制作变得更加方便。