{"id":4497,"date":"2026-01-23T15:37:08","date_gmt":"2026-01-23T08:37:08","guid":{"rendered":"https:\/\/wpdesign.vn\/margin-va-padding-khoang-cach-trong-layout-css\/"},"modified":"2026-05-06T09:06:03","modified_gmt":"2026-05-06T02:06:03","slug":"margin-va-padding-khoang-cach-trong-layout-css","status":"publish","type":"post","link":"https:\/\/wpdesign.vn\/vi\/margin-va-padding-khoang-cach-trong-layout-css\/","title":{"rendered":"Margin V\u00e0 Padding: Kho\u1ea3ng C\u00e1ch Trong Layout CSS"},"content":{"rendered":"\n<p>Kho\u1ea3ng tr\u1ed1ng trong giao di\u1ec7n kh\u00f4ng \u0111\u01a1n thu\u1ea7n l\u00e0 nh\u1eefng \u0111i\u1ec3m \u1ea3nh v\u00f4 h\u00ecnh; ch\u00fang l\u00e0 k\u1ebft qu\u1ea3 c\u1ee7a s\u1ef1 ph\u1ed1i h\u1ee3p kh\u1eaft khe gi\u1eefa Margin v\u00e0 Padding. Vi\u1ec7c m\u1ed9t th\u00e0nh ph\u1ea7n thi\u1ebfu t\u00ednh nh\u1ea5t qu\u00e1n v\u1ec1 th\u1ecb gi\u00e1c hay ph\u1ea3n h\u1ed3i k\u00e9m khi t\u01b0\u01a1ng t\u00e1c th\u01b0\u1eddng l\u00e0 h\u1ec7 qu\u1ea3 c\u1ee7a vi\u1ec7c \u00e1p d\u1ee5ng Box Model sai m\u1ee5c \u0111\u00edch. N\u1eafm v\u1eefng b\u1ea3n ch\u1ea5t c\u1ee7a ch\u00fang ch\u00ednh l\u00e0 b\u01b0\u1edbc \u0111\u1ea7u ti\u00ean \u0111\u1ec3 x\u00e2y d\u1ef1ng m\u1ed9t giao di\u1ec7n chuy\u00ean nghi\u1ec7p v\u00e0 b\u1ec1n v\u1eefng.  <\/p>\n\n<p>D\u00f9 c\u00f9ng m\u1ee5c \u0111\u00edch t\u1ea1o ra kho\u1ea3ng tr\u1eafng, Margin v\u00e0 Padding mang nh\u1eefng b\u1ea3n ch\u1ea5t k\u1ef9 thu\u1eadt ri\u00eang bi\u1ec7t. Vi\u1ec7c s\u1eed d\u1ee5ng sai m\u1ee5c \u0111\u00edch kh\u00f4ng ch\u1ec9 l\u00e0m m\u00e3 ngu\u1ed3n tr\u1edf n\u00ean kh\u00f3 b\u1ea3o tr\u00ec m\u00e0 c\u00f2n tr\u1ef1c ti\u1ebfp ph\u00e1 h\u1ecfng t\u00ednh nh\u1ea5t qu\u00e1n c\u1ee7a giao di\u1ec7n (UI) v\u00e0 tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng (UX). <\/p>\n\n<h4 class=\"wp-block-heading\">1. CSS Box Model<\/h4>\n\n<p>Tri\u1ebft l\u00fd c\u1ee7a CSS quy m\u1ecdi th\u1ef1c th\u1ec3 v\u1ec1 m\u1ed9t c\u1ea5u tr\u00fac &#8220;h\u1ed9p&#8221; \u0111a t\u1ea7ng. \u0110\u1ec3 gi\u1ea3i m\u00e3 c\u1ea5u tr\u00fac n\u00e0y m\u1ed9t c\u00e1ch tr\u1ef1c quan nh\u1ea5t, b\u1ea1n h\u00e3y t\u01b0\u1edfng t\u01b0\u1ee3ng m\u00ecnh \u0111ang \u0111\u00f3ng g\u00f3i m\u1ed9t chi\u1ebfc \u0111i\u1ec7n tho\u1ea1i cao c\u1ea5p \u0111\u1ec3 g\u1eedi \u0111i xa: ranh gi\u1edbi gi\u1eefa s\u1ea3n ph\u1ea9m, l\u1edbp \u0111\u1ec7m gi\u1ea3m ch\u1ea5n v\u00e0 kh\u00f4ng gian l\u01b0u kho ch\u00ednh l\u00e0 hi\u1ec7n th\u00e2n c\u1ee7a Content, Padding v\u00e0 Margin. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>N\u1ed9i dung (Content):<\/strong> Ch\u00ednh l\u00e0 c\u00e1i \u0111i\u1ec7n tho\u1ea1i.<\/li>\n\n\n\n<li><strong>Padding (L\u1edbp x\u1ed1p):<\/strong> L\u00e0 l\u1edbp b\u1ecdc bong b\u00f3ng b\u00ean trong h\u1ed9p \u0111\u1ec3 b\u1ea3o v\u1ec7 \u0111i\u1ec7n tho\u1ea1i. N\u00f3 n\u1eb1m b\u00ean trong c\u00e1i v\u1ecf h\u1ed9p. <\/li>\n\n\n\n<li><strong>Border (V\u1ecf h\u1ed9p):<\/strong> C\u00e1i khung gi\u1ea5y c\u1ee9ng \u0111\u1ecbnh h\u00ecnh m\u00f3n qu\u00e0.<\/li>\n\n\n\n<li><strong>Margin (Kho\u1ea3ng c\u00e1ch an to\u00e0n):<\/strong> L\u00e0 kho\u1ea3ng tr\u1ed1ng b\u1ea1n \u0111\u1eb7t gi\u1eefa h\u1ed9p qu\u00e0 n\u00e0y v\u00e0 nh\u1eefng m\u00f3n h\u00e0ng kh\u00e1c tr\u00ean xe t\u1ea3i \u0111\u1ec3 ch\u00fang kh\u00f4ng va \u0111\u1eadp v\u00e0o nhau. N\u00f3 n\u1eb1m b\u00ean ngo\u00e0i c\u00e1i h\u1ed9p. <\/li>\n<\/ul>\n\n<p><strong>Ch\u1ed1t l\u1ea1i:<\/strong> Padding l\u00e0 chuy\u1ec7n &#8220;n\u1ed9i b\u1ed9&#8221; c\u1ee7a c\u00e1i h\u1ed9p, c\u00f2n Margin l\u00e0 chuy\u1ec7n &#8220;ngo\u1ea1i giao&#8221; gi\u1eefa c\u00e1c h\u1ed9p v\u1edbi nhau.<\/p>\n\n<h4 class=\"wp-block-heading\">2. Khi n\u00e0o n\u00ean d\u00f9ng Padding?<\/h4>\n\n<p>Padding c\u1ef1c k\u1ef3 quan tr\u1ecdng khi b\u1ea1n mu\u1ed1n ph\u1ea7n t\u1eed c\u1ee7a m\u00ecnh tr\u00f4ng &#8220;d\u1ec5 th\u1edf&#8221; v\u00e0 chuy\u00ean nghi\u1ec7p h\u01a1n.<\/p>\n\n<h6 class=\"wp-block-heading\">L\u00e0m \u0111\u1eb9p cho khung v\u00e0 n\u1ec1n<\/h6>\n\n<p>N\u1ebfu b\u1ea1n c\u00f3 m\u1ed9t kh\u1ed1i v\u0103n b\u1ea3n c\u00f3 m\u00e0u n\u1ec1n \u0111\u1ecf, m\u00e0 ch\u1eef l\u1ea1i d\u00ednh s\u00e1t v\u00e0o m\u00e9p, tr\u00f4ng s\u1ebd r\u1ea5t th\u00f4. L\u00fac n\u00e0y b\u1ea1n ph\u1ea3i g\u1ecdi t\u00ean Padding. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"614\" height=\"140\" src=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/03\/screencapture-voiceinulsan-co-kr-2026-03-31-07_45_32.webpwp-content\/uploads\/2026\/01\/Capture1-3.jpg\" alt=\"\" class=\"wp-image-534\" srcset=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture1-3.jpg 614w, https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture1-3-420x96.jpg 420w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/figure>\n\n<p>N\u1ebfu b\u1ea1n d\u00f9ng Margin \u1edf \u0111\u00e2y, kho\u1ea3ng c\u00e1ch 20px \u0111\u00f3 s\u1ebd tr\u1eafng tinh (ho\u1eb7c theo m\u00e0u c\u1ee7a n\u1ec1n web), v\u00e0 c\u00e1i khung m\u00e0u \u0111\u1ecf c\u1ee7a b\u1ea1n v\u1eabn d\u00ednh ch\u1eb7t v\u00e0o ch\u1eef.<\/p>\n\n<h6 class=\"wp-block-heading\">Gia t\u0103ng hi\u1ec7u su\u1ea5t t\u01b0\u01a1ng t\u00e1c<\/h6>\n\n<p>C\u00f3 m\u1ed9t chi ti\u1ebft nh\u1ecf nh\u01b0ng l\u1ea1i quy\u1ebft \u0111\u1ecbnh \u0111\u1eb3ng c\u1ea5p c\u1ee7a Layout: \u0111\u00f3 l\u00e0 k\u00edch th\u01b0\u1edbc v\u00f9ng ch\u1ea1m. B\u1ea1n \u0111\u1eebng ch\u1ec9 d\u00f9ng Margin \u0111\u1ec3 \u0111\u1ea9y c\u00e1c n\u00fat ra xa nhau, v\u00ec \u0111i\u1ec1u \u0111\u00f3 kh\u00f4ng gi\u00fap n\u00fat d\u1ec5 b\u1ea5m h\u01a1n. H\u00e3y d\u00f9ng Padding \u0111\u1ec3 &#8216;n\u1edbi r\u1ed9ng&#8217; di\u1ec7n t\u00edch cho n\u00fat b\u1ea5m. \u0110i\u1ec1u n\u00e0y \u0111\u1eb7c bi\u1ec7t quan tr\u1ecdng tr\u00ean \u0111i\u1ec7n tho\u1ea1i, n\u01a1i m\u00e0 m\u1ed9t sai s\u1ed1 v\u00e0i pixel c\u1ee7a ng\u00f3n tay c\u0169ng c\u00f3 th\u1ec3 khi\u1ebfn ng\u01b0\u1eddi d\u00f9ng c\u1ea3m th\u1ea5y \u1ee9c ch\u1ebf n\u1ebfu n\u00fat b\u1ea5m kh\u00f4ng ph\u1ea3n h\u1ed3i.   <\/p>\n\n<p><strong>M\u1eb9o:<\/strong> H\u00e3y d\u00f9ng Padding th\u1eadt r\u1ed9ng r\u00e3i cho c\u00e1c n\u00fat b\u1ea5m. N\u00f3 s\u1ebd m\u1edf r\u1ed9ng di\u1ec7n t\u00edch click m\u00e0 kh\u00f4ng l\u00e0m c\u00e1c n\u00fat d\u00ednh v\u00e0o nhau. Padding l\u1edbn b\u1eb1ng n\u00fat d\u1ec5 b\u1ea5m tr\u1ea3i nghi\u1ec7m t\u1ed1t.  <\/p>\n\n<h4 class=\"wp-block-heading\">3. Khi n\u00e0o n\u00ean d\u00f9ng Margin?<\/h4>\n\n<p>Margin sinh ra \u0111\u1ec3 l\u00e0m nhi\u1ec7m v\u1ee5 &#8220;\u0111\u1ea9y&#8221;. N\u00f3 \u0111\u1ea9y c\u00e1c ph\u1ea7n t\u1eed kh\u00e1c ra xa \u0111\u1ec3 layout kh\u00f4ng b\u1ecb d\u00ednh ch\u00f9m v\u00e0o nhau. <\/p>\n\n<h6 class=\"wp-block-heading\">Margin Collapse (Ch\u1ed3ng l\u1ec1)<\/h6>\n\n<p>M\u1ed9t trong nh\u1eefng \u0111\u1eb7c t\u00ednh \u0111\u1eb7c bi\u1ec7t nh\u1ea5t c\u1ee7a Margin ch\u00ednh l\u00e0 c\u01a1 ch\u1ebf ch\u1ed3ng l\u1ec1 (Margin Collapse). \u0110\u1ec3 h\u00ecnh dung, khi b\u1ea1n \u0111\u1eb7t hai ph\u1ea7n t\u1eed \u0111\u1ee9ng k\u1ebf ti\u1ebfp nhau theo chi\u1ec1u d\u1ecdc, thay v\u00ec kho\u1ea3ng c\u00e1ch gi\u1eefa ch\u00fang l\u00e0 t\u1ed5ng c\u1ee7a hai gi\u00e1 tr\u1ecb Margin, tr\u00ecnh duy\u1ec7t s\u1ebd th\u1ef1c hi\u1ec7n m\u1ed9t ph\u00e9p t\u00ednh so s\u00e1nh v\u00e0 ch\u1ec9 l\u1ea5y gi\u00e1 tr\u1ecb l\u1edbn nh\u1ea5t \u0111\u1ec3 hi\u1ec3n th\u1ecb. Hi\u1ec3u r\u00f5 &#8216;c\u00e1i b\u1eaby&#8217; to\u00e1n h\u1ecdc n\u00e0y l\u00e0 ch\u00eca kh\u00f3a \u0111\u1ec3 b\u1ea1n ki\u1ec3m so\u00e1t ch\u00ednh x\u00e1c kh\u00f4ng gian gi\u1eefa c\u00e1c kh\u1ed1i n\u1ed9i dung.  <\/p>\n\n<ul class=\"wp-block-list\">\n<li>C\u00e1i tr\u00ean mu\u1ed1n c\u00e1ch ph\u00eda d\u01b0\u1edbi 30px.<\/li>\n\n\n\n<li>C\u00e1i d\u01b0\u1edbi mu\u1ed1n c\u00e1ch ph\u00eda tr\u00ean 20px.<\/li>\n<\/ul>\n\n<p>Thay v\u00ec c\u1ed9ng d\u1ed3n th\u00e0nh 50px, tr\u00ecnh duy\u1ec7t s\u1ebd \u01b0u ti\u00ean gi\u00e1 tr\u1ecb Margin l\u1edbn nh\u1ea5t \u0111\u1ec3 t\u1ed1i \u01b0u h\u00f3a d\u00f2ng ch\u1ea3y c\u1ee7a v\u0103n b\u1ea3n. \u0110\u1eb7c t\u00ednh &#8216;ch\u1ed3ng l\u1ec1&#8217; n\u00e0y gi\u00fap duy tr\u00ec s\u1ef1 c\u00e2n \u0111\u1ed1i cho b\u1ed1 c\u1ee5c d\u1ecdc m\u00e0 Padding \u2014 v\u1ed1n l\u00e0 m\u1ed9t thu\u1ed9c t\u00ednh mang t\u00ednh c\u1ed9ng d\u1ed3n \u0111\u1ed9c l\u1eadp \u2014 kh\u00f4ng bao gi\u1edd s\u1edf h\u1eefu. Hi\u1ec3u r\u00f5 s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa t\u00ednh &#8216;h\u1ee3p nh\u1ea5t&#8217; c\u1ee7a Margin v\u00e0 t\u00ednh &#8216;t\u00edch l\u0169y&#8217; c\u1ee7a Padding l\u00e0 b\u01b0\u1edbc ngo\u1eb7t gi\u00fap b\u1ea1n l\u00e0m ch\u1ee7 ho\u00e0n to\u00e0n Box Model.  <\/p>\n\n<h6 class=\"wp-block-heading\">C\u0103n gi\u1eefa th\u1ea7n th\u00e1nh<\/h6>\n\n<p>Ch\u1eafc h\u1eb3n b\u1ea1n \u0111\u00e3 th\u1ea5y d\u00f2ng code <code>margin: 0 auto;<\/code> h\u00e0ng ngh\u00ecn l\u1ea7n. \u0110\u00e2y l\u00e0 c\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 \u0111\u1eb7t m\u1ed9t kh\u1ed1i n\u1ed9i dung v\u00e0o ch\u00ednh gi\u1eefa trang web. Padding th\u00ec ch\u1ecbu ch\u1ebft, kh\u00f4ng l\u00e0m \u0111\u01b0\u1ee3c vi\u1ec7c n\u00e0y v\u00ec n\u00f3 ch\u1ec9 t\u00e1c \u0111\u1ed9ng l\u00ean n\u1ed9i dung b\u00ean trong n\u00f3 th\u00f4i.  <\/p>\n\n<h4 class=\"wp-block-heading\">4. T\u1ea1i sao Layout hay b\u1ecb &#8220;v\u1ee1&#8221; khi d\u00f9ng sai?<\/h4>\n\n<p>Sai l\u1ea7m ph\u1ed5 bi\u1ebfn nh\u1ea5t khi\u1ebfn c\u00e1c trang web hay c\u00f3 thanh cu\u1ed9n ngang (horizontal scroll) tr\u00ean \u0111i\u1ec7n tho\u1ea1i l\u00e0 do d\u00f9ng Margin kh\u00f4ng \u0111\u00fang ch\u1ed7.<\/p>\n\n<p>Khi b\u1ea1n \u0111\u1eb7t m\u1ed9t kh\u1ed1i r\u1ed9ng 100%, r\u1ed3i l\u1ea1i th\u00eam <code>margin-left: 20px<\/code>, c\u00e1i kh\u1ed1i \u0111\u00f3 s\u1ebd to h\u01a1n m\u00e0n h\u00ecnh m\u1ed9t ch\u00fat v\u00e0 b\u1ecb \u0111\u1ea9y l\u00f2i ra ngo\u00e0i. <\/p>\n\n<p><strong>C\u00e1ch s\u1eeda:<\/strong> Thay v\u00ec d\u00f9ng Margin \u0111\u1ec3 \u0111\u1ea9y, h\u00e3y d\u00f9ng Padding cho c\u00e1i &#8220;th\u00f9ng&#8221; bao b\u00ean ngo\u00e0i n\u00f3. V\u00e0 \u0111\u1eebng qu\u00ean thu\u1ed9c t\u00ednh &#8220;th\u1ea7n th\u00e1nh&#8221;: <code>box-sizing: border-box<\/code>. N\u00f3 s\u1ebd gi\u00fap b\u1ea1n c\u1ed9ng tr\u1eeb Padding tho\u1ea3i m\u00e1i m\u00e0 kh\u00f4ng lo c\u00e1i h\u1ed9p b\u1ecb ph\u00ecnh to qu\u00e1 k\u00edch c\u1ee1 ban \u0111\u1ea7u.  <\/p>\n\n<h4 class=\"wp-block-heading\">5. T\u01b0 duy tu\u00e2n th\u1ee7 m\u1ed9t h\u1ec7 s\u1ed1 nh\u1ea5t qu\u00e1n: 4px ho\u1eb7c 8px<\/h4>\n\n<p>\u0110\u1ec3 web tr\u00f4ng h\u00e0i h\u00f2a, \u0111\u1eebng \u0111\u1eb7t s\u1ed1 lung tung ki\u1ec3u 13px hay 17px. H\u00e3y d\u00f9ng h\u1ec7 s\u1ed1 8 (8, 16, 24, 32&#8230;). <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Padding:<\/strong> Th\u01b0\u1eddng d\u00f9ng cho c\u00e1c th\u00e0nh ph\u1ea7n nh\u1ecf (Component) nh\u01b0 Card, Button, Input.<\/li>\n\n\n\n<li><strong>Margin:<\/strong> Th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 t\u00e1ch c\u00e1c kh\u1ed1i l\u1edbn (Section) ho\u1eb7c \u0111\u1ea9y c\u00e1c Component ra xa nhau.<\/li>\n<\/ul>\n\n<p><strong>V\u00ed d\u1ee5 th\u1ef1c t\u1ebf:<\/strong> Thay v\u00ec \u0111\u1ec3 m\u1ed7i c\u00e1i \u1ea3nh t\u1ef1 \u0111\u1ea9y b\u1eb1ng Margin (l\u00e0m n\u00f3 kh\u00f3 t\u00e1i s\u1eed d\u1ee5ng \u1edf ch\u1ed7 kh\u00e1c), h\u00e3y d\u00f9ng thu\u1ed9c t\u00ednh <code>gap<\/code> trong Flexbox.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"617\" height=\"112\" src=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/03\/screencapture-voiceinulsan-co-kr-2026-03-31-07_45_32.webpwp-content\/uploads\/2026\/01\/Capture2-3.jpg\" alt=\"\" class=\"wp-image-535\" srcset=\"https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture2-3.jpg 617w, https:\/\/wpdesign.vn\/wp-content\/uploads\/2026\/01\/Capture2-3-420x76.jpg 420w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/figure>\n\n<h4 class=\"wp-block-heading\">K\u1ebft lu\u1eadn<\/h4>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Padding<\/strong> \u0111\u1ec3 ki\u1ebfn t\u1ea1o kh\u00f4ng gian b\u00ean trong v\u00e0 t\u1ed1i \u01b0u UX.<\/li>\n\n\n\n<li><strong>Margin<\/strong> \u0111\u1ec3 \u0111i\u1ec1u ph\u1ed1i kho\u1ea3ng c\u00e1ch b\u00ean ngo\u00e0i v\u00e0 \u0111\u1ecbnh h\u00ecnh b\u1ed1 c\u1ee5c.<\/li>\n\n\n\n<li><strong>Padding<\/strong> gi\u1eef cho Background v\u00e0 Border lu\u00f4n nh\u1ea5t qu\u00e1n v\u1edbi n\u1ed9i dung.<\/li>\n\n\n\n<li><strong>Margin<\/strong> l\u00e0 c\u00f4ng c\u1ee5 \u0111\u1eafc l\u1ef1c \u0111\u1ec3 c\u0103n ch\u1ec9nh v\u1ecb tr\u00ed t\u01b0\u01a1ng quan gi\u1eefa c\u00e1c ph\u1ea7n t\u1eed.&#8221;<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Kho\u1ea3ng tr\u1ed1ng trong giao di\u1ec7n kh\u00f4ng \u0111\u01a1n thu\u1ea7n l\u00e0 nh\u1eefng \u0111i\u1ec3m \u1ea3nh v\u00f4 h\u00ecnh; ch\u00fang l\u00e0 k\u1ebft qu\u1ea3 c\u1ee7a s\u1ef1 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4496,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[25],"tags":[],"class_list":["post-4497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publishing"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/comments?post=4497"}],"version-history":[{"count":5,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4497\/revisions"}],"predecessor-version":[{"id":4505,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4497\/revisions\/4505"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media\/4496"}],"wp:attachment":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media?parent=4497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/categories?post=4497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/tags?post=4497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}