box sizing

Author: alirrah

README.md

@@ -59,6 +59,7 @@
 * [عکس پس زمینه](#عکس-پس-زمینه)
 * [گرادینت](#گرادینت)
 * [انتقال استایل](#انتقال-استایل)
+* [اندازه تگ هایی که عرض و ارتفاع مشخص دارند](#اندازه-تگ-هایی-که-عرض-و-ارتفاع-مشخص-دارند)
 
 ## مقدمه
 
@@ -1865,5 +1866,23 @@ div:hover{
 }
 ```
 
+## اندازه تگ هایی که عرض و ارتفاع مشخص دارند
+
+وقتی به تگی padding و border می دهیم به طول و عرض آن اضافه می شود.
+
+اگر بخواهیم این اتفاق نیوفتد و همیشه همان طوری که مشخص کردیم باقی بماند بهش box-sizing: border-box; می دهیم.
+
+و مقدار پیش فرض آن content-box است.
+
+```css
+div{
+    width: 200px;
+    height: 400px;
+    padding: 2px;
+    border: 3px solid red;
+    box-sizing: border-box;
+}
+```
+
 
 </div>