{"id":313,"date":"2013-10-20T09:58:00","date_gmt":"2013-10-20T09:58:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/10\/20\/8-thuoc-tinh-van-ban-trong-css\/"},"modified":"2013-10-20T09:58:00","modified_gmt":"2013-10-20T09:58:00","slug":"8-thuoc-tinh-van-ban-trong-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/","title":{"rendered":"8 thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS: hi\u1ec3u r\u00f5 n\u00f3 s\u1ebd gi\u00fap b\u1ea1n r\u1ea5t nhi\u1ec1u \u0111\u1ea5y"},"content":{"rendered":"\n<p>V\u1edbi \u0111a s\u1ed1 trang web, v\u0103n b\u1ea3n l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng h\u00e0ng \u0111\u1ea7u. Vi\u1ec7c t\u00e1c \u0111\u1ed9ng t\u1edbi c\u00e1ch tr\u00ecnh b\u00e0y c\u1ee7a v\u0103n b\u1ea3n th\u00f4ng qua CSS l\u00e0 c\u00e1ch th\u1ee9c ph\u1ed5 bi\u1ebfn \u0111\u1ec3 t\u1ea1o ra hi\u1ec7u \u1ee9ng th\u1ea9m m\u1ef9 c\u0169ng nh\u01b0 \u1ea5n t\u01b0\u1ee3ng v\u1edbi ng\u01b0\u1eddi \u0111\u1ecdc.<\/p>\n\n\n\n<p>H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n 8 thu\u1ed9c t\u00ednh nh\u01b0 th\u1ebf. Danh s\u00e1ch c\u00e1c thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS m\u00e0 ch\u00fang ta s\u1ebd xem x\u00e9t trong b\u00e0i n\u00e0y bao g\u1ed3m:<\/p>\n\n\n\n<ol><li>text-indent<\/li><li>letter-spacing<\/li><li>word-spacing<\/li><li>text-decoration<\/li><li>text-align<\/li><li>line-height<\/li><li>text-transform<\/li><li>vertical-align<\/li><\/ol>\n\n\n\n<p>Gi\u1edd ch\u00fang ta s\u1ebd b\u1eaft \u0111\u1ea7u \u0111i v\u00e0o c\u00e1c thu\u1ed9c t\u00ednh c\u1ee5 th\u1ec3\u2026<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d68da9bda\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d68da9bda\"  type=\"checkbox\" id=\"item-6577d68da9bda\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_text-indent\" title=\"Thu\u1ed9c t\u00ednh text-indent\">Thu\u1ed9c t\u00ednh text-indent<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_letter-spacing\" title=\"Thu\u1ed9c t\u00ednh letter-spacing\">Thu\u1ed9c t\u00ednh letter-spacing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_word-spacing\" title=\"Thu\u1ed9c t\u00ednh word-spacing\">Thu\u1ed9c t\u00ednh word-spacing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_text-decoration\" title=\"Thu\u1ed9c t\u00ednh text-decoration\">Thu\u1ed9c t\u00ednh text-decoration<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_text-align\" title=\"Thu\u1ed9c t\u00ednh text-align\">Thu\u1ed9c t\u00ednh text-align<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_line-height\" title=\"Thu\u1ed9c t\u00ednh line-height\">Thu\u1ed9c t\u00ednh line-height<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_text-transform\" title=\"Thu\u1ed9c t\u00ednh text-transform\">Thu\u1ed9c t\u00ednh text-transform<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#Thuoc_tinh_vertical-align\" title=\"Thu\u1ed9c t\u00ednh vertical-align\">Thu\u1ed9c t\u00ednh vertical-align<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_text-indent\"><\/span>Thu\u1ed9c t\u00ednh text-indent<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div style=\"text-indent: 30px;\">N\u1ebfu mu\u1ed1n l\u00f9i \u0111\u1ea7u d\u00f2ng nh\u01b0 th\u1ebf n\u00e0y, b\u1ea1n ph\u1ea3i d\u00f9ng \u0111\u1ebfn text-indent, b\u1ea1n \u0111\u00e3 th\u1ea5y ch\u1eef &#8220;N\u1ebfu&#8221; \u0111\u00e3 \u0111\u01b0\u1ee3c th\u1ee5t v\u00e0o so v\u1edbi c\u00e1c d\u00f2ng c\u00f2n l\u1ea1i. \u0110o\u1ea1n code m\u1eabu kh\u00e1 \u0111\u01a1n gi\u1ea3n <i>p {text-indent: 30px;}<\/i> Ngo\u00e0i px th\u00ec c\u00e1c \u0111\u01a1n v\u1ecb \u0111o l\u01b0\u1eddng kh\u00e1c nh\u01b0 <i>in, cm, em, %<\/i> c\u0169ng \u0111\u01b0\u1ee3c ch\u1ea5p nh\u1eadn.<\/div>\n\n\n\n<div style=\"text-indent: 50%;\">\u0110o\u1ea1n n\u00e0y l\u00e0 th\u00ed d\u1ee5 cho text-indent s\u1eed d\u1ee5ng \u0111\u01a1n v\u1ecb %, v\u1edbi gi\u00e1 tr\u1ecb c\u1ee5 th\u1ec3 l\u00e0 50%. Ch\u1eef b\u1ecb th\u1ee5t v\u00e0o \u0111\u1ebfn m\u1ed9t n\u1eeda chi\u1ec1u d\u00e0i c\u1ee7a d\u00f2ng. Code m\u1eabu:&nbsp;<i style=\"text-indent: 30px;\">p {text-indent: 50%;}<\/i><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_letter-spacing\"><\/span>Thu\u1ed9c t\u00ednh letter-spacing<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Thu\u1ed9c t\u00ednh n\u00e0y d\u00f9ng \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c ch\u1eef c\u00e1i. Th\u00f4ng th\u01b0\u1eddng b\u1ea1n s\u1ebd kh\u00f4ng \u0111\u1ea3 \u0111\u1ed9ng \u0111\u1ebfn letter-spacing \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh c\u1ea3 \u0111o\u1ea1n v\u0103n b\u1ea3n. B\u1edfi v\u00ec font ch\u1eef \u0111\u00e3 c\u00f3 gi\u00e1 tr\u1ecb letter-spacing t\u1ed1i \u01b0u cho m\u1eaft ng\u01b0\u1eddi \u0111\u1ecdc. <\/p>\n\n\n\n<p>Qu\u00e1i! N\u1ebfu \u0111\u00e3 v\u1eady th\u00ec sinh ra thu\u1ed9c t\u00ednh n\u00e0y l\u00e0m g\u00ec? C\u00e2u tr\u1ea3 l\u1eddi l\u00e0 kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o b\u1ea1n c\u0169ng c\u1ea7n v\u0103n b\u1ea3n hi\u1ec7n l\u00ean theo c\u00e1ch th\u00f4ng th\u01b0\u1eddng. B\u1ea1n mu\u1ed1n ch\u00fang \u1ea5n t\u01b0\u1ee3ng, \u0111\u1eb7c bi\u1ec7t hay \u00e1p d\u1ee5ng cho c\u00e1c ti\u00eau \u0111\u1ec1 ho\u1eb7c \u0111o\u1ea1n ng\u1eafn. Th\u00ed d\u1ee5 \u0111o\u1ea1n d\u01b0\u1edbi \u0111\u00e2y:<\/p>\n\n\n\n<div>B\u00ecnh th\u01b0\u1eddng: Ng\u00e0y 20 &#8211; 10 n\u0103m nay Anh s\u1ebd t\u1eb7ng g\u00ec cho Em \u0111\u00e2y?<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"letter-spacing: 5px;\">Gi\u00e3n ra:Ng\u00e0y 20 &#8211; 10 n\u0103m nay Anh s\u1ebd t\u1eb7ng g\u00ec cho Em \u0111\u00e2y?<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"letter-spacing: -1px;\">Thu h\u1eb9p: Ng\u00e0y 20 &#8211; 10 n\u0103m nay Anh s\u1ebd t\u1eb7ng g\u00ec cho Em \u0111\u00e2y?<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>C\u00f9ng m\u1ed9t n\u1ed9i dung, c\u00f9ng font v\u00e0 k\u00edch c\u1ee1 ch\u1eef nh\u01b0ng b\u1ea1n \u0111\u00e3 th\u1ea5y s\u1ef1 kh\u00e1c bi\u1ec7t r\u1ea5t l\u1edbn ph\u1ea3i kh\u00f4ng, d\u00f2ng d\u01b0\u1edbi r\u00f5 r\u00e0ng l\u00e0 g\u00e2y ch\u00fa \u00fd h\u01a1n, b\u1edfi v\u00ec n\u00f3 kh\u00f4ng ph\u1ea3i l\u00e0 c\u00e1i quen m\u1eaft. D\u0129 nhi\u00ean kh\u00f4ng ch\u1ec9 gi\u00e3n ra, b\u1ea1n c\u00f2n c\u00f3 th\u1ec3 thu h\u1eb9p kho\u1ea3ng c\u00e1ch n\u1ebfu mu\u1ed1n b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng gi\u00e1 tr\u1ecb \u00e2m cho letter-spacing.<\/p>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>h2 {letter-spacing: 5px;}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_word-spacing\"><\/span>Thu\u1ed9c t\u00ednh word-spacing<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>N\u1ebfu letter-spacing d\u00f9ng \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c k\u00fd t\u1ef1 th\u00ec word-spacing d\u00f9ng \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c t\u1eeb. V\u1eabn th\u1ebf, n\u1ebfu \u0111\u1ec3 gi\u00e1 tr\u1ecb d\u01b0\u01a1ng, c\u00e1c t\u1eeb s\u1ebd gi\u00e3n ra, c\u00f2n n\u1ebfu \u0111\u1ec3 gi\u00e1 tr\u1ecb \u00e2m, c\u00e1c t\u1eeb s\u1ebd co l\u1ea1i g\u1ea7n nhau h\u01a1n, v\u00ed d\u1ee5:<\/p>\n\n\n\n<div>B\u00ecnh th\u01b0\u1eddng: T\u1eb7ng g\u00ec th\u00ec t\u00f9y t\u1ea5m l\u00f2ng Anh th\u00f4i, Em kh\u00f4ng c\u00e2u n\u1ec7 \u0111\u00e2u!<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"word-spacing: 5px;\">Gi\u00e3n ra: T\u1eb7ng g\u00ec th\u00ec t\u00f9y t\u1ea5m l\u00f2ng Anh th\u00f4i, Em kh\u00f4ng c\u00e2u n\u1ec7 \u0111\u00e2u!<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"word-spacing: -2px;\">Thu h\u1eb9p: T\u1eb7ng g\u00ec th\u00ec t\u00f9y t\u1ea5m l\u00f2ng Anh th\u00f4i, Em kh\u00f4ng c\u00e2u n\u1ec7 \u0111\u00e2u!<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>p {word-spacing: 5px;}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_text-decoration\"><\/span>Thu\u1ed9c t\u00ednh text-decoration<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>N\u1ebfu hay d\u00f9ng th\u1ebb a th\u00ec b\u1ea1n c\u0169ng kh\u00f4ng l\u1ea1 g\u00ec thu\u1ed9c t\u00ednh n\u00e0y \u2013 \u0111\u1eb7c bi\u1ec7t l\u00e0 gi\u00e1 tr\u1ecb underline. Text-decoration chuy\u00ean d\u00f9ng \u0111\u1ec3 trang tr\u00ed cho v\u0103n b\u1ea3n. N\u00f3i trang tr\u00ed c\u00f3 v\u1ebb nguy hi\u1ec3m, th\u1ef1c t\u1ebf, n\u00f3 ch\u1ec9 t\u1ea1o ra c\u00e1c hi\u1ec7u \u1ee9ng th\u1ea9m m\u1ef9 \u0111\u01a1n gi\u1ea3n sau:<\/p>\n\n\n\n<ul><li>Hi\u1ec7u \u1ee9ng g\u1ea1ch ch\u00e2n ch\u1eef, code m\u1eabu:&nbsp;<em>text-decoration: underline<\/em><\/li><li><s>Hi\u1ec7u \u1ee9ng g\u1ea1ch ngang ch\u1eef, code m\u1eabu<\/s>:&nbsp;<em>text-decoration: line-through<\/em><\/li><li>Hi\u1ec7u \u1ee9ng g\u1ea1ch tr\u00ean \u0111\u1ea7u ch\u1eef, code m\u1eabu:&nbsp;<em>text-decoration: overline<\/em><\/li><\/ul>\n\n\n\n<p>G\u1ea1ch \u0111\u1ea7u ch\u1eef c\u00f3 l\u1ebd \u00edt d\u00f9ng, g\u1ea1ch ch\u00e2n ch\u1eef hay d\u00f9ng nh\u1ea5t, g\u1ea1ch ngang ch\u1eef th\u01b0\u1eddng d\u00f9ng v\u1edbi \u00fd \u0111\u1ecbnh \u00e1m ch\u1ec9 v\u0103n b\u1ea3n \u0111\u00f3 kh\u00f4ng ch\u00ednh x\u00e1c nh\u01b0ng kh\u00f4ng mu\u1ed1n x\u00f3a \u0111i m\u00e0 \u0111\u1ec3 ng\u01b0\u1eddi xem nh\u00ecn th\u1ea5y \u0111\u1ec3 tr\u00e1nh. Ri\u00eang v\u1edbi g\u1ea1ch ch\u00e2n v\u0103n b\u1ea3n ngo\u00e0i c\u00e1ch d\u00f9ng CSS, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u00e1nh d\u1ea5u v\u0103n b\u1ea3n \u0111\u00f3 b\u1eb1ng c\u1eb7p th\u1ebb &lt;u&gt; v\u00e0 &lt;\/u&gt; trong HTML, n\u00f3 c\u0169ng cho k\u1ebft qu\u1ea3 t\u01b0\u01a1ng t\u1ef1. S\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh border-top v\u00e0 border-bottom c\u0169ng l\u00e0 \u00fd t\u01b0\u1edfng hay \u0111\u1ec3 thay th\u1ebf overline v\u00e0 underline trong m\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p, v\u00ec n\u00f3 cho ph\u00e9p ch\u00fang ta \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch v\u1edbi v\u0103n b\u1ea3n linh ho\u1ea1t h\u01a1n.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_text-align\"><\/span>Thu\u1ed9c t\u00ednh text-align<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00e1i n\u00e0y d\u00f9ng \u0111\u1ec3 c\u0103n l\u1ec1 v\u0103n b\u1ea3n. Ch\u1eafc b\u1ea1n c\u0169ng kh\u00f4ng qu\u00e1 l\u1ea1 l\u1eabm v\u1edbi ch\u00fang, n\u1ebfu t\u1eebng x\u00e0i Office r\u1ed3i th\u00ec c\u00f2n quen thu\u1ed9c \u1ea5y ch\u1ee9. C\u00f3 4 gi\u00e1 tr\u1ecb c\u1ee7a thu\u1ed9c t\u00ednh text-align, bao g\u1ed3m:<\/p>\n\n\n\n<ul><li>left: v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c c\u0103n tr\u00e1i, theo m\u1eb7c \u0111\u1ecbnh th\u00ec m\u1ecdi v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c c\u0103n tr\u00e1i.<\/li><li>right: v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c c\u0103n ph\u1ea3i.<\/li><li>center: v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c c\u0103n ch\u00ednh gi\u1eefa\u2026ch\u00fa th\u00edch trong c\u00e1c b\u1ee9c \u1ea3nh, v\u0103n b\u1ea3n \u1edf ph\u1ea7n footer v\u00e0 \u0111\u00f4i khi l\u00e0 th\u1ebb ti\u00eau \u0111\u1ec1 c\u1ee7a b\u00e0i vi\u1ebft hay \u0111\u01b0\u1ee3c c\u0103n gi\u1eefa cho v\u1eeba m\u1eaft. Ng\u01b0\u1eddi ta c\u0169ng th\u01b0\u1eddng c\u0103n gi\u1eefa b\u1ee9c \u1ea3nh b\u1eb1ng m\u1eb9o cho n\u00f3 v\u00e0o th\u1ebb div v\u00e0 \u0111\u1ec3 style cho div \u0111\u00f3 l\u00e0&nbsp;text-align: center<\/li><li>justify: v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c c\u0103n \u0111\u1ec1u, th\u00f4ng th\u01b0\u1eddng v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c c\u0103n tr\u00e1i th\u00ec ph\u1ea3i b\u00ean ph\u1ea3i s\u1ebd th\u1ee5t th\u00f2, \u0111i\u1ec1u n\u00e0y th\u00ec c\u0169ng kh\u00f4ng \u1ea3nh h\u01b0\u1edfng g\u00ec, b\u00ecnh th\u01b0\u1eddng ch\u00fang ta v\u1eabn \u0111\u1ecdc nh\u01b0 th\u1ebf th\u00f4i. Tuy nhi\u00ean n\u1ebfu kh\u00f4ng mu\u1ed1n v\u1eady, b\u1ea1n c\u1ea7n d\u00f9ng thu\u1ed9c t\u00ednh justify \u0111\u1ec3 c\u1ea3 2 b\u00ean tr\u00e1i ph\u1ea3i th\u1eb3ng t\u1eafp. N\u00f3 hay \u0111\u01b0\u1ee3c d\u00f9ng khi chia c\u1ed9t trong c\u00e1c t\u1ea1p ch\u00ed.<\/li><\/ul>\n\n\n\n<div>C\u0103n tr\u00e1i <i>text-align: left<\/i><\/div>\n\n\n\n<div style=\"text-align: right;\">C\u0103n ph\u1ea3i <i>text-align: right<\/i><\/div>\n\n\n\n<div style=\"text-align: center;\">C\u0103n gi\u1eefa <i>text-align: center<\/i><\/div>\n\n\n\n<div style=\"text-align: justify; width: 50%;\">\u0110\u1ec3 th\u1ea5y \u0111\u01b0\u1ee3c \u00fd ngh\u0129a c\u1ee7a th\u1ebb <b>justify<\/b> t\u00f4i c\u1ea7n \u0111o\u1ea1n v\u0103n b\u1ea3n d\u00e0i \u00edt nh\u1ea5t 3 d\u00f2ng, v\u00e0 \u0111\u00e2y ch\u00ednh l\u00e0 \u0111o\u1ea1n v\u0103n b\u1ea3n \u1ea5y, t\u00f4i \u0111ang c\u1ed1 ngh\u0129 ra nhi\u1ec1u t\u1eeb \u0111\u1ec3 vi\u1ebft cho n\u00f3 d\u00e0i ra, cho n\u00ean c\u00f3 th\u1ec3 b\u1ea1n \u0111\u1ecdc th\u1ea5y n\u00f3 h\u01a1i l\u0103ng nh\u0103ng. Nh\u01b0ng \u0111\u1eebng quan tr\u1ecdng h\u00f3a. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1edb trong \u0111\u1ea7u l\u00e0 \u0111o\u1ea1n n\u00e0y \u0111\u01b0\u1ee3c c\u0103n b\u1eb1ng&nbsp;<span style=\"text-align: center;\">text-align:<\/span>&nbsp;justify.<\/div>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>p {text-align: justify}<\/code><\/pre>\n\n\n\n<p><i>P\/S<\/i>: \u0110\u1ec3 2 b\u00ean l\u1ec1 \u0111\u1ec1u th\u1eb3ng, kho\u1ea3ng c\u00e1ch ch\u1eef c\u1ee7a t\u1eebng d\u00f2ng s\u1ebd \u0111\u01b0\u1ee3c t\u0103ng l\u00ean hay gi\u1ea3m \u0111i ch\u00fat \u00edt, do v\u1eady b\u1ea1n kh\u00f4ng n\u00ean d\u00f9ng thu\u1ed9c t\u00ednh n\u00e0y cho c\u00e1c c\u1ed9t c\u00f3 chi\u1ec1u r\u1ed9ng qu\u00e1 nh\u1ecf m\u00e0 v\u0103n b\u1ea3n l\u1ea1i d\u00e0i, v\u00ec l\u00fac \u1ea5y l\u1ec1 th\u00ec th\u1eb3ng th\u1eadt nh\u01b0ng tr\u00f4ng n\u00f3 r\u1ea5t ng\u1ed9!<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_line-height\"><\/span>Thu\u1ed9c t\u00ednh line-height<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Thu\u1ed9c t\u00ednh n\u00e0y d\u00f9ng \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh chi\u1ec1u cao d\u00f2ng. N\u00f3i ch\u00ednh x\u00e1c h\u01a1n line-height \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch gi\u1eefa hai \u0111\u01b0\u1eddng c\u01a1 s\u1edf c\u1ee7a c\u00e1c d\u00f2ng li\u00ean ti\u1ebfp nhau. Nh\u1eefng gi\u00e1 tr\u1ecb m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 g\u00e1n cho thu\u1ed9c t\u00ednh line-height bao g\u1ed3m:<\/p>\n\n\n\n<ul><li>S\u1ed1 thu\u1ea7n t\u00fay, th\u00ed d\u1ee5: 1 ho\u1eb7c 2 ho\u1eb7c 3\u2026b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ec3 s\u1ed1 th\u1eadp ph\u00e2n n\u1ebfu mu\u1ed1n, ch\u1eb3ng h\u1ea1n 1.4 \u2013 gi\u00e1 tr\u1ecb n\u00e0y c\u00f3 ngh\u0129a l\u00e0 chi\u1ec1u cao d\u00f2ng g\u1ea5p 1.4 k\u00edch th\u01b0\u1edbc font. K\u00edch th\u01b0\u1edbc m\u1eb7c \u0111\u1ecbnh m\u00e0 c\u00e1c tr\u00ecnh duy\u1ec7t \u00e1p d\u1ee5ng cho line-height r\u01a1i v\u00e0o kho\u1ea3ng gi\u00e1 tr\u1ecb l\u00e0 1.2;<\/li><li>%, ch\u1eb3ng h\u1ea1n 100%, 200% hay 150% \u2013 gi\u00e1 tr\u1ecb n\u00e0y c\u00f3 ngh\u0129a l\u00e0 chi\u1ec1u cao d\u00f2ng g\u1ea5p 1.5 k\u00edch th\u01b0\u1edbc font;<\/li><li>\u0110\u01a1n v\u1ecb \u0111\u1ed9 d\u00e0i nh\u01b0 px, pt, in, cm\u2026Ch\u00fang ta n\u00ean h\u1ea1n ch\u1ebf c\u00e1ch n\u00e0y v\u00ec trong tr\u01b0\u1eddng h\u1ee3p ng\u01b0\u1eddi d\u00f9ng ph\u00f3ng to hay thu nh\u1ecf font th\u00ec kho\u1ea3ng c\u00e1ch s\u1ebd b\u1ecb thu h\u1eb9p ho\u1eb7c gi\u00e3n ra b\u1ea5t th\u01b0\u1eddng;<\/li><\/ul>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 v\u00ed d\u1ee5, \u00e1p d\u1ee5ng cho c\u00e1c \u0111o\u1ea1n v\u0103n b\u1ea3n Lorem \u2013 n\u00ean b\u1ea1n kh\u00f4ng c\u1ea7n ph\u1ea3i hi\u1ec3u \u00fd ngh\u0129a c\u1ee7a ch\u00fang:<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<pre class=\"wp-block-code\"><code>p {line-height: 1.4}<\/code><\/pre>\n\n\n\n<div style=\"line-height: 1.4;\"><i>p {line-height: 1.4}<\/i><br>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel sem eget urna laoreet laoreet. Morbi at urna convallis enim pretium porttitor at sit amet dolor. Integer dolor nisl, blandit ut urna sit amet, sagittis rutrum elit. Nullam a lacinia ipsum. Integer eget consequat odio. In commodo nibh magna, vitae posuere purus eleifend sed.<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<pre class=\"wp-block-code\"><code>p {line-height: 2}<\/code><\/pre>\n\n\n\n<div style=\"line-height: 2;\"><i>p {line-height: 2}<\/i><br>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel sem eget urna laoreet laoreet. Morbi at urna convallis enim pretium porttitor at sit amet dolor. Integer dolor nisl, blandit ut urna sit amet, sagittis rutrum elit. Nullam a lacinia ipsum. Integer eget consequat odio. In commodo nibh magna, vitae posuere purus eleifend sed.<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<pre class=\"wp-block-code\"><code>p {line-height: 100%}<\/code><\/pre>\n\n\n\n<div style=\"line-height: 100%;\"><i>p {line-height: 100%}<\/i><br>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel sem eget urna laoreet laoreet. Morbi at urna convallis enim pretium porttitor at sit amet dolor. Integer dolor nisl, blandit ut urna sit amet, sagittis rutrum elit. Nullam a lacinia ipsum. Integer eget consequat odio. In commodo nibh magna, vitae posuere purus eleifend sed.<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_text-transform\"><\/span>Thu\u1ed9c t\u00ednh text-transform<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>D\u00f9ng \u0111\u1ec3 bi\u1ebfn \u0111\u1ed5i t\u1eeb ch\u1eef th\u01b0\u1eddng sang ch\u1eef TO\u00c0N HOA ho\u1eb7c Hoa \u0110\u1ea7u D\u00f2ng v\u00e0 ng\u01b0\u1ee3c l\u1ea1i. C\u00f3 3 gi\u00e1 tr\u1ecb:<\/p>\n\n\n\n<ul><li><strong>uppercase<\/strong>: bi\u1ebfn \u0111o\u1ea1n b\u1ea5t k\u1ef3 th\u00e0nh ch\u1eef \u201cTO\u00c0N L\u00c0 HOA NH\u01af TH\u1ebe N\u00c0Y\u201d \u2013 code m\u1eabu:<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;span style=\"text-transform: uppercase;\"&gt;to\u00e0n l\u00e0 hoa nh\u01b0 th\u1ebf n\u00e0y&lt;\/span&gt;<\/code><\/pre>\n\n\n\n<ul><li><strong>lowercase<\/strong>: &nbsp;bi\u1ebfn \u0111o\u1ea1n b\u1ea5t k\u1ef3 th\u00e0nh ch\u1eef \u201ctuy\u1ec1n l\u00e0 ch\u1eef th\u01b0\u1eddng nh\u01b0 th\u1ebf n\u00e0y\u201d&nbsp;\u2013 code m\u1eabu: <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;span style=\"text-transform: lowercase;\"&gt;TUY\u1ec0N L\u00c0 CH\u1eee TH\u01af\u1edcNG TH\u1ebe N\u00c0Y&lt;\/span&gt;<\/code><\/pre>\n\n\n\n<ul><li><strong>capitalize<\/strong>: bi\u1ebfn \u0111o\u1ea1n b\u1ea5t k\u1ef3 th\u00e0nh ch\u1eef \u201cHoa \u0110\u1ea7u T\u1eeb Nh\u01b0 Th\u1ebf N\u00e0y\u201d&nbsp;\u2013 code m\u1eabu: <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;span style=\"text-transform: capitalize;\"&gt;hoa \u0111\u1ea7u t\u1eeb nh\u01b0 th\u1ebf n\u00e0y&lt;\/span&gt;<\/code><\/pre>\n\n\n\n<p>N\u00f3i chung th\u00ec, kh\u00f4ng ph\u1ea3i font n\u00e0o thu\u1ed9c t\u00ednh n\u00e0y n\u00f3 c\u0169ng chuy\u1ec3n \u0111\u1ed5i t\u1ed1t v\u00e0 \u0111\u1eb9p, cho n\u00ean tr\u01b0\u1edbc khi mu\u1ed1n chuy\u1ec3n b\u1ea1n n\u00ean ki\u1ec3m tra tr\u01b0\u1edbc. Nh\u01b0ng b\u1ea1n y\u00ean t\u00e2m c\u00e1c font ph\u1ed5 th\u00f4ng th\u00ec h\u1ea7u nh\u01b0 OK c\u1ea3.<\/p>\n\n\n\n<p>C\u00f3 th\u1ec3 b\u1ea1n h\u1ecfi text-transform n\u00e0y c\u00f3 \u00edch l\u1ee3i g\u00ec \u2013 \u00e1p d\u1ee5ng trong tr\u01b0\u1eddng h\u1ee3p n\u00e0o? C\u00e2u tr\u1ea3 l\u1eddi l\u00e0:<\/p>\n\n\n\n<ul><li>Th\u00ed d\u1ee5 tr\u01b0\u1eddng nh\u1eadp h\u1ecd t\u00ean trong Form, b\u1ea1n mu\u1ed1n ng\u01b0\u1eddi d\u00f9ng khi nh\u1eadp t\u00ean h\u1ecd ph\u1ea3i l\u00e0 Nguy\u1ec5n \u0110\u1ee9c Anh ch\u1ee9 kh\u00f4ng ph\u1ea3i l\u00e0 ch\u1eef th\u01b0\u1eddng nguy\u1ec5n \u0111\u1ee9c anh.<\/li><li>B\u1ea1n mu\u1ed1n \u0111\u1ed5i ki\u1ec3u ch\u1eef ti\u00eau \u0111\u1ec1 cho h\u00e0ng lo\u1ea1t b\u00e0i vi\u1ebft sang d\u1ea1ng n\u00e0o \u0111\u00f3, gi\u1edd m\u00e0 thay \u0111\u1ed5i b\u1eb1ng tay cho t\u1eebng ti\u00eau \u0111\u1ec1 th\u00ec r\u1ea5t m\u1ec7t, b\u1ea1n ch\u1ec9 c\u1ea7n d\u00f9ng text-transform \u0111\u1ec3 thay \u0111\u1ed5i h\u00e0ng lo\u1ea1t.<\/li><li>V\u00e0 c\u00f2n r\u1ea5t nhi\u1ec1u tr\u01b0\u1eddng h\u1ee3p kh\u00e1c m\u00e0 hi\u1ec7n\u2026t\u00f4i ch\u01b0a ngh\u0129 ra!<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thuoc_tinh_vertical-align\"><\/span>Thu\u1ed9c t\u00ednh vertical-align<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>D\u00f9ng \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch c\u1ee7a v\u0103n b\u1ea3n so v\u1edbi \u0111\u01b0\u1eddng c\u01a1 s\u1edf, c\u00e1c gi\u00e1 tr\u1ecb:<\/p>\n\n\n\n<ul><li>baseline: theo m\u1eb7c \u0111\u1ecbnh&nbsp;vertical-align&nbsp;l\u00e0 baseline<\/li><li>sub: H\u00e3y nh\u00ecn v\u00e0o ch\u1eef&nbsp;<sub>vertical-align<\/sub>, n\u00f3 \u0111ang \u0111\u01b0\u1ee3c \u0111\u1ec3 l\u00e0 sub \u2013 b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng c\u00e1i n\u00e0y \u0111\u1ec3 thay th\u1ebf&nbsp;<a href=\"https:\/\/kiencang.net\/sup-sub-trong-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">tag sub trong HTML<\/a><\/li><li>super: C\u00f2n tr\u01b0\u1eddng h\u1ee3p n\u00e0y&nbsp;<sup>vertical-align<\/sup>&nbsp;\u0111\u01b0\u1ee3c \u0111\u1ec3 l\u00e0 super \u2013 b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng c\u00e1i n\u00e0y \u0111\u1ec3 thay th\u1ebf&nbsp;<a href=\"https:\/\/kiencang.net\/sup-sub-trong-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">tag sup trong HTML<\/a><\/li><li>middle: B\u00e2y gi\u1edd&nbsp;vertical-align&nbsp;\u0111ang \u0111\u01b0\u1ee3c \u0111\u1ec3 \u1edf ch\u00ednh gi\u1eefa \u0111\u01b0\u1eddng c\u01a1 s\u1edf<\/li><li>Ho\u1eb7c gi\u00e1 tr\u1ecb s\u1ed1 b\u1ea5t k\u1ef3, d\u01b0\u01a1ng ho\u1eb7c \u00e2m, v\u00ed d\u1ee5 nh\u01b0 15px, -10px: T\u00f4i \u0111ang \u0111\u1ec3 ch\u1eef&nbsp;vertical-align&nbsp;l\u00ean 15px so v\u1edbi \u0111\u01b0\u1eddng c\u01a1 s\u1edf.<\/li><\/ul>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>T\u00f4i \u0111ang \u0111\u1ec3 ch\u1eef &lt;span style=\"vertical-align: 15px;\"&gt;vertical-align&lt;\/span&gt; l\u00ean 15px so v\u1edbi \u0111\u01b0\u1eddng c\u01a1 s\u1edf.<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>V\u1edbi \u0111a s\u1ed1 trang web, v\u0103n b\u1ea3n l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng h\u00e0ng \u0111\u1ea7u. Vi\u1ec7c t\u00e1c \u0111\u1ed9ng t\u1edbi c\u00e1ch tr\u00ecnh b\u00e0y c\u1ee7a v\u0103n b\u1ea3n th\u00f4ng qua CSS l\u00e0 c\u00e1ch th\u1ee9c ph\u1ed5 bi\u1ebfn \u0111\u1ec3 t\u1ea1o ra hi\u1ec7u \u1ee9ng th\u1ea9m m\u1ef9 c\u0169ng nh\u01b0 \u1ea5n t\u01b0\u1ee3ng v\u1edbi ng\u01b0\u1eddi \u0111\u1ecdc. H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>8 thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS: hi\u1ec3u r\u00f5 n\u00f3 s\u1ebd gi\u00fap b\u1ea1n r\u1ea5t nhi\u1ec1u \u0111\u1ea5y &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8 thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS: hi\u1ec3u r\u00f5 n\u00f3 s\u1ebd gi\u00fap b\u1ea1n r\u1ea5t nhi\u1ec1u \u0111\u1ea5y &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u1edbi \u0111a s\u1ed1 trang web, v\u0103n b\u1ea3n l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng h\u00e0ng \u0111\u1ea7u. Vi\u1ec7c t\u00e1c \u0111\u1ed9ng t\u1edbi c\u00e1ch tr\u00ecnh b\u00e0y c\u1ee7a v\u0103n b\u1ea3n th\u00f4ng qua CSS l\u00e0 c\u00e1ch th\u1ee9c ph\u1ed5 bi\u1ebfn \u0111\u1ec3 t\u1ea1o ra hi\u1ec7u \u1ee9ng th\u1ea9m m\u1ef9 c\u0169ng nh\u01b0 \u1ea5n t\u01b0\u1ee3ng v\u1edbi ng\u01b0\u1eddi \u0111\u1ecdc. H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-10-20T09:58:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"8 thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS: hi\u1ec3u r\u00f5 n\u00f3 s\u1ebd gi\u00fap b\u1ea1n r\u1ea5t nhi\u1ec1u \u0111\u1ea5y &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"8 thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS: hi\u1ec3u r\u00f5 n\u00f3 s\u1ebd gi\u00fap b\u1ea1n r\u1ea5t nhi\u1ec1u \u0111\u1ea5y &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u1edbi \u0111a s\u1ed1 trang web, v\u0103n b\u1ea3n l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng h\u00e0ng \u0111\u1ea7u. Vi\u1ec7c t\u00e1c \u0111\u1ed9ng t\u1edbi c\u00e1ch tr\u00ecnh b\u00e0y c\u1ee7a v\u0103n b\u1ea3n th\u00f4ng qua CSS l\u00e0 c\u00e1ch th\u1ee9c ph\u1ed5 bi\u1ebfn \u0111\u1ec3 t\u1ea1o ra hi\u1ec7u \u1ee9ng th\u1ea9m m\u1ef9 c\u0169ng nh\u01b0 \u1ea5n t\u01b0\u1ee3ng v\u1edbi ng\u01b0\u1eddi \u0111\u1ecdc. H\u00f4m nay Ki\u1ebfn c\u00e0ng s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n &hellip;","og_url":"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-10-20T09:58:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"8 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/","url":"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/","name":"8 thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS: hi\u1ec3u r\u00f5 n\u00f3 s\u1ebd gi\u00fap b\u1ea1n r\u1ea5t nhi\u1ec1u \u0111\u1ea5y &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-10-20T09:58:00+00:00","dateModified":"2013-10-20T09:58:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/8-thuoc-tinh-van-ban-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"8 thu\u1ed9c t\u00ednh v\u0103n b\u1ea3n trong CSS: hi\u1ec3u r\u00f5 n\u00f3 s\u1ebd gi\u00fap b\u1ea1n r\u1ea5t nhi\u1ec1u \u0111\u1ea5y"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/313"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}