{"id":6172,"date":"2015-02-08T14:35:04","date_gmt":"2015-02-08T19:35:04","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6172"},"modified":"2015-09-11T08:11:56","modified_gmt":"2015-09-11T12:11:56","slug":"%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ac%e0%a6%95%e0%a7%8d%e0%a6%b8-%e0%a6%ae%e0%a6%a1%e0%a7%87%e0%a6%b2-css-box-model","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6172","title":{"rendered":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 (CSS Box Model)"},"content":{"rendered":"<p>\u09b8\u09ac HTML \u0989\u09aa\u09be\u09a6\u09be\u09a8\u0997\u09c1\u09b2\u09cb\u0995\u09c7 \u09ac\u0995\u09cd\u09b8 \u09b9\u09bf\u09b8\u09be\u09ac\u09c7 \u09ac\u09bf\u09ac\u09c7\u099a\u09a8\u09be \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 \u0964 CSS \u098f \u201c \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2\u201d \u09b6\u09ac\u09cd\u09a6\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09af\u0996\u09a8 \u09a8\u0995\u09b6\u09be \u098f\u09ac\u0982 \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u09a8\u09bf\u09df\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09be \u09b9\u09df\u0964<\/p>\n<p>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u09ae\u09c2\u09b2\u09a4 \u099a\u09be\u09b0\u09aa\u09be\u09b6\u09c7 HTML \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7 \u0998\u09c7\u09b0\u09be \u098f\u0995\u099f\u09bf \u09ac\u0995\u09cd\u09b8, \u098f\u09ac\u0982 \u098f\u09a4\u09c7 \u09b0\u09df\u09c7\u099b\u09c7 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8, \u09b8\u09c0\u09ae\u09be\u09a8\u09be, \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982, \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u0995\u09c3\u09a4 \u09ac\u09bf\u09b7\u09af\u09bc\u09ac\u09b8\u09cd\u09a4\u09c1\u0964<\/p>\n<p>\u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u0986\u09ae\u09be\u09a6\u09c7\u09b0\u0995\u09c7 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u0995\u09be\u099b\u09be\u0995\u09be\u099b\u09bf \u098f\u0995\u099f\u09bf \u09b8\u09c0\u09ae\u09be\u09a8\u09be, \u098f\u09ac\u0982 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u09cd\u09a5\u09be\u09a8 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09a4\u09c7 \u09a6\u09c7\u09df\u0964<br \/>\n\u09a8\u09c0\u099a\u09c7\u09b0 \u0987\u09ae\u09c7\u099c\u099f\u09bf \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u09aa\u09cd\u09b0\u0995\u09be\u09b6 \u0995\u09b0\u09c7\u0983<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/css\/box-model.gif?resize=536%2C289\" alt=\"Box Model\" width=\"536\" height=\"289\" \/><\/p>\n<p>\u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0985\u0982\u09b6\u09c7\u09b0 \u09ac\u09cd\u09af\u09be\u0996\u09cd\u09af\u09be\u0983<\/p>\n<ul>\n<li>\u09ac\u09bf\u09b7\u09af\u09bc\u09ac\u09b8\u09cd\u09a4\u09c1 \u2013 \u09ac\u0995\u09cd\u09b8\u09c7\u09b0 \u09ac\u09bf\u09b7\u09df\u09ac\u09b8\u09cd\u09a4\u09c1, \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u098f\u09ac\u0982 \u0987\u09ae\u09c7\u099c \u09a5\u09be\u0995\u09c7<\/li>\n<li>\u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 \u2013 \u09ac\u09bf\u09b7\u09df\u09ac\u09b8\u09cd\u09a4\u09c1\u09b0 \u0986\u09b6\u09c7\u09aa\u09be\u09b6\u09c7\u09b0 \u098f\u09b2\u09be\u0995\u09be \u09aa\u09b0\u09bf\u09b8\u09cd\u0995\u09be\u09b0 \u0995\u09b0\u09c7\u0964 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 \u09b8\u099a\u09cd\u099b \u09b9\u09df<\/li>\n<li>\u09b8\u09c0\u09ae\u09be\u09a8\u09be \u2013 \u09b8\u09c0\u09ae\u09be\u09a8\u09be \u09b9\u09b2\u09cb \u09b8\u09c7\u099f\u09be \u09af\u09c7\u099f\u09be \u09ac\u09bf\u09b7\u09af\u09bc\u09ac\u09b8\u09cd\u09a4\u09c1 \u098f\u09ac\u0982 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 \u0995\u09c7 \u099a\u09be\u09b0\u09aa\u09be\u09b6 \u09a5\u09c7\u0995\u09c7 \u0998\u09bf\u09b0\u09c7 \u09b0\u09be\u0996\u09c7<\/li>\n<li>\u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 \u2013 \u09b8\u09c0\u09ae\u09be\u09a8\u09be\u09b0 \u099a\u09be\u09b0\u09aa\u09be\u09b6\u09c7\u09b0 \u098f\u09b2\u09be\u0995\u09be \u09aa\u09b0\u09bf\u09b8\u09cd\u0995\u09be\u09b0 \u0995\u09b0\u09c7\u0964 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 \u09b8\u099a\u09cd\u099b<\/li>\n<\/ul>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre>div {\r\n\u00a0\u00a0\u00a0 width: 300px;\r\n\u00a0\u00a0\u00a0 padding: 25px;\r\n\u00a0\u00a0\u00a0 border: 25px solid navy;\r\n\u00a0\u00a0\u00a0 margin: 25px;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>\u0989\u09aa\u09a6\u09be\u09a8\u09c7\u09b0 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u098f\u09ac\u0982 \u0989\u099a\u09cd\u099a\u09a4\u09be<\/h2>\n<p>\u09b8\u09ac \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7 \u098f\u0995\u099f\u09bf \u0989\u09aa\u09a6\u09be\u09a8\u09c7\u09b0 \u09aa\u09b8\u09cd\u09a5 \u098f\u09ac\u0982 \u0989\u099a\u09cd\u099a\u09a4\u09be \u09b8\u09a0\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09b8\u09c7\u099f \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u0995\u09be\u099c \u0995\u09b0\u09c7 \u09b8\u09c7\u099f\u09be \u099c\u09be\u09a8\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964<\/p>\n<p><strong>\u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0983<\/strong> \u0986\u09aa\u09a8\u09bf \u09af\u0996\u09a8 CSS \u09a6\u09bf\u09df\u09c7 \u098f\u0995\u099f\u09bf \u0989\u09aa\u09a6\u09be\u09a8\u09c7\u09b0 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u098f\u09ac\u0982 \u0989\u099a\u09cd\u099a\u09a4\u09be \u09b8\u09c7\u099f \u0995\u09b0\u09ac\u09c7\u09a8, \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09b6\u09c1\u09a7\u09c1 \u09ac\u09bf\u09b7\u09df\u09ac\u09b8\u09cd\u09a4\u09c1\u09b0 \u098f\u09b2\u09be\u0995\u09be\u09b0 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u098f\u09ac\u0982 \u0989\u099a\u09cd\u099a\u09a4\u09be \u09b8\u09c7\u099f \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964 \u0989\u09aa\u09a6\u09be\u09a8\u09c7\u09b0 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u0995\u09be\u09b0 \u09aa\u09b0\u09bf\u09ae\u09be\u09aa\u09c7\u09b0 \u099c\u09a8\u09cd\u09af, \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09aa\u09be\u09a1\u09bf\u0982, \u09b8\u09c0\u09ae\u09be\u09a8\u09be \u098f\u09ac\u0982 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8\u0993 \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964<\/p>\n<p>\u09ae\u09cb\u099f 350px \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5\u09c7\u09b0 \u098f\u0995\u099f\u09bf &lt;div&gt;\u00a0 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09af\u09be\u0995\u0983<\/p>\n<div>\n<hr \/>\n<\/div>\n<pre>div {\r\n\u00a0\u00a0\u00a0 width: 320px;\r\n\u00a0\u00a0\u00a0 padding: 10px;\r\n\u00a0\u00a0\u00a0 border: 5px solid gray;\r\n\u00a0\u00a0\u00a0 margin: 0;\r\n}<\/pre>\n<hr \/>\n<pre>\u099a\u09b2\u09cb \u0985\u0982\u0995\u099f\u09be \u0995\u09b0\u09be \u09af\u09be\u0995\u0983<\/pre>\n<div>320px (\u09aa\u09cd\u09b0\u09b8\u09cd\u09a5)<br \/>\n+ 20px (\u09ac\u09be\u09ae + \u09a1\u09be\u09a8 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982)<br \/>\n+10px (\u09ac\u09be\u09ae + \u09a1\u09be\u09a8 \u09b8\u09c0\u09ae\u09be\u09a8\u09be)<br \/>\n+ 0px (\u09ac\u09be\u09ae + \u09a1\u09be\u09a8 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8)<br \/>\n= 350px<\/div>\n<div><\/div>\n<div>\u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09ae\u09cb\u099f \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u098f\u09ad\u09be\u09ac\u09c7 \u0997\u09a8\u09a8\u09be \u0995\u09b0\u09be \u0989\u099a\u09bf\u09a4\u0983<\/div>\n<div><\/div>\n<div>\u09ae\u09cb\u099f \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 = \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 + \u09ac\u09be\u09ae \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 + \u09a1\u09be\u09a8 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 + \u09ac\u09be\u09ae \u09b8\u09c0\u09ae\u09be\u09a8\u09be + \u09a1\u09be\u09a8 \u09b8\u09c0\u09ae\u09be\u09a8\u09be + \u09ac\u09be\u09ae \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 + \u09a1\u09be\u09a8 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8<\/div>\n<div><\/div>\n<div>\u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09ae\u09cb\u099f \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u098f\u09ad\u09be\u09ac\u09c7 \u0997\u09a8\u09a8\u09be \u0995\u09b0\u09be \u0989\u099a\u09bf\u09a4\u0983<\/div>\n<div><\/div>\n<div>\u09ae\u09cb\u099f \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u0989\u099a\u09cd\u099a\u099f\u09be = \u0989\u099a\u09cd\u099a\u09a4\u09be + \u09b6\u09c0\u09b0\u09cd\u09b7 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 + \u09a8\u09c0\u099a\u09c7\u09b0 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 + \u09b6\u09c0\u09b0\u09cd\u09b7 \u09b8\u09c0\u09ae\u09be\u09a8\u09be + \u09a8\u09c0\u099a\u09c7\u09b0 \u09b8\u09c0\u09ae\u09be\u09a8\u09be + \u09b6\u09c0\u09b0\u09cd\u09b7 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 + \u09a8\u09c0\u099a\u09c7\u09b0 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8<\/div>\n<div><\/div>\n<h2>\u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09ae\u099e\u09cd\u099c\u09b8\u09cd\u09af\u09c7\u09b0 \u0987\u09b8\u09cd\u09af\u09c1<\/h2>\n<p>\u0987\u09a8\u09cd\u099f\u09be\u09b0\u09a8\u09c7\u099f \u098f\u0995\u09cd\u09b8\u09aa\u09cd\u09b2\u09cb\u09b0\u09be\u09b0 \u09ee \u098f\u09ac\u0982 \u09a4\u09be\u09b0 \u0986\u0997\u09c7\u09b0 \u09b8\u0982\u09b8\u09cd\u0995\u09b0\u09a3\u09c7 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u09a4\u09c7 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 \u098f\u09ac\u0982 \u09b8\u09c0\u09ae\u09be\u09a8\u09be \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u0964<\/p>\n<p>\u098f\u0987 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09a6\u09c2\u09b0 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af, HTML \u09aa\u09c7\u0987\u099c\u09c7 &lt; !DOCTYPE html&gt; \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u0964<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u09b8\u09ac HTML \u0989\u09aa\u09be\u09a6\u09be\u09a8\u0997\u09c1\u09b2\u09cb\u0995\u09c7 \u09ac\u0995\u09cd\u09b8 \u09b9\u09bf\u09b8\u09be\u09ac\u09c7 \u09ac\u09bf\u09ac\u09c7\u099a\u09a8\u09be \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 \u0964 CSS \u098f \u201c \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2\u201d \u09b6\u09ac\u09cd\u09a6\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09af\u0996\u09a8 \u09a8\u0995\u09b6\u09be \u098f\u09ac\u0982 \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u09a8\u09bf\u09df\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09be \u09b9\u09df\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u09ae\u09c2\u09b2\u09a4 \u099a\u09be\u09b0\u09aa\u09be\u09b6\u09c7 HTML \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7 \u0998\u09c7\u09b0\u09be \u098f\u0995\u099f\u09bf \u09ac\u0995\u09cd\u09b8, \u098f\u09ac\u0982 \u098f\u09a4\u09c7 \u09b0\u09df\u09c7\u099b\u09c7 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8, \u09b8\u09c0\u09ae\u09be\u09a8\u09be, \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982, \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u0995\u09c3\u09a4 \u09ac\u09bf\u09b7\u09af\u09bc\u09ac\u09b8\u09cd\u09a4\u09c1\u0964 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u0986\u09ae\u09be\u09a6\u09c7\u09b0\u0995\u09c7 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u0995\u09be\u099b\u09be\u0995\u09be\u099b\u09bf \u098f\u0995\u099f\u09bf \u09b8\u09c0\u09ae\u09be\u09a8\u09be, \u098f\u09ac\u0982 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6172\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[174],"tags":[1569,492,990,991,1568,341],"class_list":["post-6172","post","type-post","status-publish","format-standard","hentry","category-----css-tutorial","tag-box-model","tag-css","tag-990","tag-991","tag-1568","tag-341","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":10853,"url":"http:\/\/bangla.sitestree.com\/?p=10853","url_meta":{"origin":6172,"position":0},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b2\u09c7\u0986\u0989\u099f &#8211; \u0987\u09a8\u09b2\u09be\u0987\u09a8-\u09ac\u09cd\u09b2\u0995 (\u09ac\u09be\u0982\u09b2\u09be\u09df) (CSS Layout &#8211; inline-block in bangla)","author":"Rafiqul Islam","date":"October 5, 2015","format":false,"excerpt":"\u0987\u09a8\u09b2\u09be\u0987\u09a8-\u09ac\u09cd\u09b2\u0995 \u09ae\u09be\u09a8 \u098f\u0996\u09a8 \u0985\u09a8\u09c7\u0995 \u0995\u09be\u09b2 \u09aa\u09b0\u09c7 \u09ac\u0995\u09cd\u09b8 \u098f\u09b0 \u0997\u09cd\u09b0\u09bf\u09a1 \u09a4\u09c8\u09b0\u09bf \u09b8\u09ae\u09cd\u09ad\u09ac \u09af\u09be float \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09b2\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u098f\u09b0 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u0985\u09a8\u09c1\u09b8\u09be\u09b0\u09c7 \u09aa\u09c2\u09b0\u09cd\u09a3 \u098f\u09ac\u0982 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0\u09ad\u09be\u09ac\u09c7 \u09ab\u09bf\u099f \u09b9\u09df\u09c7 \u09af\u09be\u09df (\u09af\u0996\u09a8 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u098f\u09b0 \u0986\u0995\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09b9\u09df)\u0964 display \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 inline-block \u09ae\u09be\u09a8 \u098f\u099f\u09bf\u0995\u09c7 \u0986\u09b0\u0993 \u09b8\u09b9\u099c \u0995\u09b0\u09c7\u099b\u09c7\u0964 inline-block \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f inline \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09ae\u09a4\u0987, \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u098f\u09a6\u09c7\u09b0\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6180,"url":"http:\/\/bangla.sitestree.com\/?p=6180","url_meta":{"origin":6172,"position":1},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 (CSS Padding)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS Padding \u09b9\u099a\u09cd\u099b\u09c7 element border \u098f\u09ac\u0982 element content \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09ab\u09be\u0995\u09be \u09b8\u09cd\u09a5\u09be\u09a8\u0964 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 Padding \u09b9\u099a\u09cd\u099b\u09c7 content (border \u098f\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7 \u09a5\u09be\u0995\u09c7) \u098f\u09b0 \u099a\u09be\u09b0\u09aa\u09be\u09b6\u09c7 \u098f\u0995\u099f\u09bf \u09ab\u09be\u0995\u09be \u09b8\u09cd\u09a5\u09be\u09a8\u0964 Padding \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u09b9\u09df element \u098f\u09b0 background color \u09a6\u09bf\u09df\u09c7\u0964 top, right, bottom \u098f\u09ac\u0982 left padding \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09af\u09be\u09df \u0986\u09b2\u09be\u09a6\u09be properties \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0964 \u098f\u0995\u099f\u09bf shorthand padding\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6770,"url":"http:\/\/bangla.sitestree.com\/?p=6770","url_meta":{"origin":6172,"position":2},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 (HTML Style &#8211; CSS)","author":"Author-Check- Article-or-Video","date":"March 24, 2015","format":false,"excerpt":"\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Php Coder \u00a0 HTML Styles - CSS \u00a0\u0989\u09a6\u09be\u09b9\u09b0\u09a3 <!DOCTYPE html> <html> <head> <style> body {background-color:lightgray} h1\u00a0\u00a0 {color:blue} p\u00a0\u00a0\u00a0 {color:green} <\/style> <\/head> <body> <h1>This is a heading<\/h1> <p>This is a paragraph.<\/p> <\/body> <\/html> \u00a0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0995\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09b8\u09bf\u098f\u09b8\u098f\u09b8(css) \u098f\u09b0 \u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09be\u09ae \u09b9\u09b2 Cascading\u00a0Style\u00a0Sheets \u0964 \u09a4\u09bf\u09a8\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u2026","rel":"","context":"In &quot;\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML&quot;","block_context":{"text":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML","link":"http:\/\/bangla.sitestree.com\/?cat=494"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6182,"url":"http:\/\/bangla.sitestree.com\/?p=6182","url_meta":{"origin":6172,"position":3},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09a1\u09be\u09df\u09ae\u09c7\u09a8\u09b6\u09a8 (CSS Dimension)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS dimension \u09b9\u099a\u09cd\u099b\u09c7 \u098f\u09ae\u09a8 \u098f\u0995\u099f\u09bf properties \u09af\u09be element \u098f\u09b0 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09c7\u0964 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0\u00a0\u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09a4\u09c7 height \u098f\u09ac\u0982 width \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099c \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 height \u098f\u09ac\u0982 width \u09b8\u09df\u0982\u0995\u09cd\u09b0\u09bf\u09df \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 (\u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7) \u09ac\u09be px, cm \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":8224,"url":"http:\/\/bangla.sitestree.com\/?p=8224","url_meta":{"origin":6172,"position":4},"title":"jQuery \u098f\u09b0 \u09ae\u09be\u09a4\u09cd\u09b0\u09be \u09b8\u0999\u09cd\u0997\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09c7\u09b6 \u0995\u09bf\u099b\u09c1 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u0986\u099b\u09c7","author":"Author-Check- Article-or-Video","date":"March 31, 2015","format":false,"excerpt":"jQuery \u098f\u09b0 \u09ae\u09be\u09a4\u09cd\u09b0\u09be \u09b8\u0999\u09cd\u0997\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09c7\u09b6 \u0995\u09bf\u099b\u09c1 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u0986\u099b\u09c7: \u09af\u09c7\u09ae\u09a8\u0983 \u2022 width() -\u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 () \u2022 height() -\u0989\u099a\u09cd\u099a\u09a4\u09be () \u2022 innerWidth() \u2022 innerHeight() \u2022 outerWidth() \u2022 outerHeight() jQuery \u098f\u09b0 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 () \u098f\u09ac\u0982 \u0989\u099a\u09cd\u099a\u09a4\u09be () \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09a8\u09bf\u09ae\u09cd\u09a8\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09b2\u0983 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 () \u09ae\u09c7\u09a5\u09a1 \u09b8\u09c7\u099f \u09ac\u09be \u098f\u0995\u099f\u09bf \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u0995\u09a4 \u09b9\u09ac\u09c7\u2026","rel":"","context":"In &quot;JQuery : \u099c\u09c7\u0995\u09c1\u098f\u09b0\u09bf&quot;","block_context":{"text":"JQuery : \u099c\u09c7\u0995\u09c1\u098f\u09b0\u09bf","link":"http:\/\/bangla.sitestree.com\/?cat=500"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":72099,"url":"http:\/\/bangla.sitestree.com\/?p=72099","url_meta":{"origin":6172,"position":5},"title":"CSS Flexible Box Layout","author":"Sayed","date":"December 7, 2021","format":false,"excerpt":"CSS Flexible Box Layout \"CSS Flexible Box Layout, commonly known as Flexbox, is a CSS 3 web layout model. It is in the W3C's candidate recommendation stage. The flex layout allows responsive elements within a container to be automatically arranged depending upon screen size. \" Wikipedia \"Angular Flex Layout provides\u2026","rel":"","context":"In &quot;\u09ac\u09cd\u09b2\u0997 \u0964 Blog&quot;","block_context":{"text":"\u09ac\u09cd\u09b2\u0997 \u0964 Blog","link":"http:\/\/bangla.sitestree.com\/?cat=182"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6172"}],"version-history":[{"count":4,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6172\/revisions"}],"predecessor-version":[{"id":10913,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6172\/revisions\/10913"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6172"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}