{"id":423,"date":"2020-08-11T23:21:53","date_gmt":"2020-08-11T19:51:53","guid":{"rendered":"http:\/\/afshinzarei.ir\/blog\/?p=423"},"modified":"2020-08-11T23:21:53","modified_gmt":"2020-08-11T19:51:53","slug":"tailwind-2","status":"publish","type":"post","link":"https:\/\/blog.afshineem.ir\/?p=423","title":{"rendered":"Tailwind: \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u0647"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u0645\u0642\u062f\u0645\u0647:<a rel=\"noreferrer noopener\" href=\"http:\/\/afshinzarei.ir\/blog\/tailwind-1\/\" target=\"_blank\"> \u062f\u0631 \u067e\u0633\u062a \u0627\u0648\u0644 Tailwind<\/a> \u06af\u0641\u062a\u0645 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u0628\u0647 \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0627\u062a\u0631\u06cc\u0628\u06cc\u0648\u062a \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f \u0648 \u062f\u0627\u062e\u0644 &#8220;\u062f\u0627\u0628\u0644\u200c\u06a9\u0648\u062a\u06cc\u0634\u0646&#8221; \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc \u0645\u062f \u0646\u0638\u0631\u0645\u0627\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote has-text-align-left is-layout-flow wp-block-quote-is-layout-flow\"><p>text-4xl font-bold text-center text-blue-500 mt-12\u2033<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"> \u0627\u06cc\u0646 \u0686\u0646\u062f \u06a9\u0644\u0627\u0633 \u0631\u0627 \u0647\u0645 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f\u06cc\u0645. \u062d\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0628\u0641\u0647\u0645\u06cc\u0645 mt-12 \u06cc\u0639\u0646\u06cc \u0686\u06cc \u0648 \u0686\u0631\u0627 \u0627\u0632 text-4xl \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645 \u0648 &#8230; \u0627\u06cc\u0646 \u067e\u0633\u062a \u0631\u0648 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0633\u0647\u0648\u0644\u062a \u06a9\u0627\u0631 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u0628\u0647 \u0637\u0631\u0627\u062d\u06cc \u06cc\u06a9 \u0648\u0628\u200c\u067e\u06cc\u062c \u0648\u0627\u0642\u0639\u06cc \u0648 \u0627\u0644\u0628\u062a\u0647 \u062e\u06cc\u0644\u06cc \u0645\u062e\u062a\u0635\u0631 \u06a9\u0647 \u06a9\u0644\u06cc\u0627\u062a \u06a9\u0627\u0631 \u062f\u0633\u062a\u062a\u0648\u0646 \u0628\u06cc\u0627\u062f \u0648 \u0628\u062a\u0648\u0646\u06cc\u062f \u0631\u0627\u062d\u062a \u0648 \u062e\u06cc\u0644\u06cc \u0633\u0631\u06cc\u0639 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0627\u0686 \u062a\u06cc\u200c\u0627\u0645 \u0627\u0644 \u0628\u0631\u0648\u06cc\u062f \u0648 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f \u0628\u0647 \u06a9\u062f \u0632\u0646\u06cc. \u062f\u0631 \u0632\u06cc\u0631 \u062a\u0635\u0648\u06cc\u0631 \u0646\u0647\u0627\u06cc\u06cc \u062e\u0631\u0648\u062c\u06cc \u0627\u06cc\u0646 \u067e\u0633\u062a \u0631\u0648 \u0645\u06cc\u200c\u0632\u0627\u0631\u0645:<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/afshinzarei.ir\/blog\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-11-16-33-46-1024x576.png\" alt=\"\" data-id=\"424\" data-full-url=\"http:\/\/afshinzarei.ir\/blog\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-11-16-33-46.png\" data-link=\"http:\/\/afshinzarei.ir\/blog\/?attachment_id=424\" class=\"wp-image-424\" srcset=\"https:\/\/blog.afshineem.ir\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-11-16-33-46-1024x576.png 1024w, https:\/\/blog.afshineem.ir\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-11-16-33-46-300x169.png 300w, https:\/\/blog.afshineem.ir\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-11-16-33-46-768x432.png 768w, https:\/\/blog.afshineem.ir\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-11-16-33-46-1200x675.png 1200w, https:\/\/blog.afshineem.ir\/wp-content\/uploads\/2020\/08\/Screenshot-from-2020-08-11-16-33-46.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">\u0637\u0631\u062d \u0646\u0647\u0627\u06cc\u06cc<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u0631\u0646\u06af\u200c\u0647\u0627<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0647 \u062a\u06af \u0628\u0627\u062f\u06cc \u06a9\u0644\u0627\u0633 {\u200c bg-gray-100 } \u0631\u0648 \u062f\u0627\u062f\u0645. \u06a9\u0647 \u0631\u0646\u06af \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u062e\u06cc\u0644\u06cc \u0631\u0648\u0634\u0646 \u0631\u0648 \u0628\u0631\u0627\u06cc \u0628\u06af\u06a9\u0631\u0627\u0646\u062f \u0628\u0627\u062f\u06cc \u062f\u0631 \u0646\u0638\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647. \u062f\u0631 Tailwind \u0631\u0646\u06af\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u0648 \u0645\u0627 \u0641\u0642\u0637 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0644\u06cc\u0633\u062a \u0631\u0646\u06af\u200c\u0647\u0627 \u0634\u0627\u0645\u0644 black &#8211; white &#8211; gray &#8211; red &#8211; orange &#8211; yellow &#8211;  pink &#8211; green &#8211; teal &#8211; blue &#8211; indigo &#8211; purple \u0647\u0633\u062a\u0634 \u06a9\u0647 \u0628\u0647 \u062c\u0632 \u0633\u06cc\u0627\u0647 \u0648 \u0633\u0641\u06cc\u062f \u06a9\u0647 \u062a\u06af \u0631\u0646\u06af \u0647\u0633\u062a\u0646\u062f \u0645\u0627\u0628\u0642\u06cc \u0631\u0646\u06af\u200c\u0647\u0627 9 \u0637\u06cc\u0641 \u0631\u0646\u06af\u06cc \u0631\u0627 \u0634\u0627\u0645\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 gray-100 \u062a\u0627 gray-900 \u06a9\u0647 \u0647\u0631\u0686\u0647 \u0639\u062f\u062f \u0628\u0632\u0631\u06af\u200c\u062a\u0631 \u0628\u0627\u0634\u062f \u0631\u0646\u06af \u062a\u06cc\u0631\u0647 \u062a\u0631 \u0645\u06cc\u200c\u200c\u0634\u0648\u062f. \u067e\u0633 orange-300 \u06cc\u0647 \u0631\u0646\u06af \u0646\u0627\u0631\u0646\u062c\u06cc \u0645\u0627\u06cc\u0644 \u0628\u0647 \u0633\u0641\u06cc\u062f \u0645\u06cc\u200c\u0634\u0647 \u0648 orange-900 \u0646\u0627\u0631\u0646\u062c\u06cc \u062a\u06cc\u0631\u0647 (\u0642\u0647\u0648\u0647\u200c\u0627\u06cc \u0645\u0627\u0646\u0646\u062f) \u0648 \u0627\u0644\u06cc \u0622\u062e\u0631.<br>\u0633\u06cc\u0633\u062a\u0645 \u0631\u0646\u06af \u0647\u0645\u06cc\u0646\u0647 \u0648 \u0628\u0631\u0627\u06cc \u0632\u0645\u06cc\u0646\u0647\u060c \u0645\u062a\u0646\u060c \u062d\u0627\u0634\u06cc\u0647 \u0648 &#8230; \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0627\u0648\u0646\u200c\u0647\u0627 \u0631\u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645. \u0648 \u0646\u062d\u0648\u0647\u200c\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u0634 \u062e\u06cc\u0644\u06cc \u0631\u0627\u062d\u062a\u0647\u060c \u0628\u062f\u06cc\u0646 \u0635\u0648\u0631\u062a \u06a9\u0647 \u0631\u0648\u06cc \u062a\u06af \u0645\u0648\u0631\u062f \u0646\u0638\u0631\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u06cc\u062f \u0645\u062b\u0644\u0627 \u0631\u0646\u06af \u0632\u0645\u06cc\u0646\u0647\u200c\u0627\u0634 \u0628\u0634\u0647 \u0633\u0628\u0632 \u0631\u0648\u0634\u0646 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f bg-green-400 \u06cc\u0627 300 \u06cc\u0627 500 \u0648&#8230; bg \u0628\u0647 \u0645\u0639\u0646\u06cc background \u0647\u0633\u062a\u0634.<br>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u0645\u062a\u0646 \u06a9\u0627\u0641\u06cc\u0647 \u0628\u0647 \u0642\u0628\u0644 \u0627\u0632 \u06a9\u062f \u0631\u0646\u06af \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0639\u0628\u0627\u0631\u062a text \u0631\u0648 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f. \u0645\u062b\u0644\u0627 \u0628\u0631\u0627\u06cc \u0631\u0646\u06af \u0622\u0628\u06cc \u0646\u0641\u062a\u06cc text-blue-800 \u0648 \u0628\u0631\u0627\u06cc \u0631\u0646\u06af \u0635\u0648\u0631\u062a\u06cc \u0631\u0648\u0634\u0646 text-pink-300 \u0648 &#8230; \u0631\u0648 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.<br>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u062d\u0627\u0634\u06cc\u0647\u200c\u0647\u0627 \u0627\u0632 border \u0648 \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u062f\u0631 \u0641\u0631\u0645\u200c\u0647\u0627 \u0627\u0632 placeholder \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0645\u062b\u0644<br>border-gray-500 \u06cc\u0627 placeholder-teal-700<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062c\u062f\u0627 \u0627\u0632 \u0627\u06cc\u0646\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0631\u0646\u06af \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 -transparent \u06cc\u0627 -currentColor \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f. \u06a9\u0647 \u06a9\u0645\u062a\u0631 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0633\u06cc\u0633\u062a\u0645 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627 \u0648 \u0645\u0642\u06cc\u0627\u0633<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u0642\u0633\u0645\u062a \u0631\u0646\u06af\u200c\u0647\u0627 \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u06cc\u0645 \u06a9\u0647 \u0627\u06cc\u0646\u200c\u0631\u0646\u06af\u0647\u0627 \u0627\u0632 \u067e\u06cc\u0634 \u062a\u0639\u06cc\u06cc\u0646 \u0634\u062f\u0647 \u0647\u0633\u062a\u0646\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644 \u0627\u06af\u0631 \u0631\u0646\u06af \u0645\u062a\u0646 \u0648 \u0631\u0646\u06af \u062d\u0627\u0634\u06cc\u0647 \u0631\u0627 blue-500 \u0628\u0630\u0627\u0631\u06cc\u0645 \u0628\u0631\u0627\u06cc \u0647\u0631 \u062f\u0648  #4299e1 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f. \u067e\u0633 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0646\u062f\u0627\u0632\u0647 \u0647\u0645 \u0647\u0645\u06cc\u0646\u0647. \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06cc margin \u06cc\u0627 padding \u06cc\u0627 width \u0648&#8230; \u0627\u0632 \u0645\u0642\u0627\u062f\u06cc\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0628\u0633\u062a\u0647 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u200c \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u0645\u0627\u0631\u062c\u06cc\u0646 16px \u0628\u0627\u06cc\u062f \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645 m-4. \u062d\u0627\u0644\u0627 \u0627\u06cc\u0646 \u0686\u0647\u0627\u0631 \u0627\u0632 \u06a9\u062c\u0627 \u0627\u0648\u0645\u062f \u0631\u0648 \u0628\u0639\u062f\u0627 \u0645\u06cc\u200c\u0641\u0647\u0645\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u0645\u0627\u0631\u062c\u06cc\u0646 \u0628\u0647 \u06cc\u0647 \u0633\u0645\u062a \u062e\u0627\u0635 \u0627\u0632 \u0627\u0644\u0645\u0627\u0646 \u0647\u0645 \u0627\u06cc\u0646\u06af\u0648\u0646\u0647 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0645\u0627\u0631\u062c\u06cc\u0646 \u0628\u0627\u0644\u0627 (margin top) \u0628\u0627\u06cc\u062f \u0627\u0632 mt \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0631\u0627\u06cc \u0631\u0627\u0633\u062a\u060c \u067e\u0627\u06cc\u06cc\u0646 \u0648 \u0686\u067e \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 mr \u0648 mb \u0648 ml \u0647\u0633\u062a\u0634. \u0628\u0631\u0627\u06cc \u0645\u0627\u0631\u062c\u06cc\u0646 \u062f\u0631 \u0645\u062d\u0648\u0631 \u0639\u0645\u0648\u062f\u06cc \u0627\u0632 my \u0648 \u0645\u062d\u0648\u0631 \u0627\u0641\u0642\u06cc \u0627\u0632 mx \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. m \u062a\u0646\u0647\u0627 \u0647\u0645 \u06a9\u0647 \u0627\u0632 \u0647\u0631 \u0686\u0647\u0627\u0631 \u0637\u0631\u0641 \u0645\u0627\u0631\u062c\u06cc\u0645 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0647. \u067e\u0633 \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u0645 \u0628\u0647 \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 32px \u0645\u0627\u0631\u062c\u06cc\u0646 \u062f\u0631 \u062c\u0647\u062a \u0627\u0641\u0642\u06cc \u0628\u062f\u06cc\u0645 \u0648 16px \u0639\u0645\u0648\u062f\u06cc \u0628\u0627\u06cc\u062f \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645: mx-8 my-4.<br>\u0627\u06af\u0631 \u0647\u0645 \u0628\u062e\u0648\u0627\u0647\u06cc\u0645 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u0645\u0642\u062f\u0627\u0631 auto \u0628\u0631\u0627\u06cc \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0627\u0632 \u062c\u0647\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645. \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u0645 \u06cc\u06a9 \u062a\u06af \u062f\u0631 \u0648\u0633\u0637 \u062a\u0635\u0648\u06cc\u0631 \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u062f \u0628\u0627\u06cc\u062f mx-auto \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645. <br>\u067e\u062f\u06cc\u0646\u06af \u0647\u0645 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u0635\u0648\u0631\u062a \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0647 p \u0628\u0631\u0627\u06cc \u0647\u0645\u0647\u200c\u06cc \u062c\u0647\u0627\u062a\u060c pt \u067e\u062f\u06cc\u0646\u06af \u0627\u0632 \u0628\u0627\u0644\u0627\u060c pl \u067e\u062f\u06cc\u0646\u06af \u0627\u0632 \u0686\u067e\u060c pr \u067e\u062f\u06cc\u0646\u06af \u0631\u0627\u0633\u062a \u0648 pb \u067e\u062f\u06cc\u0646\u06af \u067e\u0627\u06cc\u06cc\u0646 \u0647\u0633\u062a\u0634. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062e\u0628 \u062d\u0627\u0644\u0627 \u0627\u0648\u0646 \u0686\u0647\u0627\u0631 \u06a9\u0647 \u06af\u0641\u062a\u0645 \u0628\u0639\u062f\u0627 \u0645\u06cc\u200c\u0641\u0647\u0645\u06cc\u0645 \u0627\u0632 \u0627\u06cc\u0646 \u062c\u062f\u0648\u0644 \u0645\u06cc\u0627\u062f. 1 rem \u0628\u0631\u0627\u0628\u0631 16px \u0647\u0633\u062a\u0634. \u06cc\u0647 \u0646\u06af\u0627\u0647 \u0628\u0647 \u062c\u062f\u0648\u0644 \u0628\u0646\u062f\u0627\u0632\u06cc\u062f:<\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">3rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">12<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><td class=\"has-text-align-center\" data-align=\"center\">0<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">4rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">16<\/td><td class=\"has-text-align-center\" data-align=\"center\">0.25rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">5rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">20<\/td><td class=\"has-text-align-center\" data-align=\"center\">0.5rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">2<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">6rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">24<\/td><td class=\"has-text-align-center\" data-align=\"center\">0.75rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">3<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">8rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">32<\/td><td class=\"has-text-align-center\" data-align=\"center\">1rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">4<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">10rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">40<\/td><td class=\"has-text-align-center\" data-align=\"center\">1.25rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">5<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">12rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">48<\/td><td class=\"has-text-align-center\" data-align=\"center\">1.5rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">6<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">14rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">56<\/td><td class=\"has-text-align-center\" data-align=\"center\">2rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">8<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">16rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">64<\/td><td class=\"has-text-align-center\" data-align=\"center\">2.5rem<\/td><td class=\"has-text-align-center\" data-align=\"center\">10<\/td><\/tr><\/tbody><\/table><figcaption>\u062c\u062f\u0648\u0644 \u0633\u0627\u06cc\u0632\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc margin  padding width height \u0648&#8230; \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u0634\u0646<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u0627\u0635\u0644\u0627 \u0646\u062a\u0631\u0633\u06cc\u062f \u06cc\u06a9\u0645 \u06a9\u0647 \u0628\u0627\u0647\u0627\u0634 \u06a9\u0627\u0631 \u0628\u06a9\u0646\u06cc\u062f \u062f\u0633\u062a\u062a\u0648\u0646 \u0645\u06cc\u0627\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0628\u062f\u0648\u0646\u06cc\u062f 10 \u06a9\u0647 2.5rem \u0647\u0633\u062a\u0634 \u0645\u06cc\u200c\u0634\u0647 \u0686\u0646\u062f \u067e\u06cc\u06a9\u0633\u0644 \u0627\u0648\u0646 \u0631\u0648 \u0636\u0631\u0628 16 \u0628\u06a9\u0646\u06cc\u062f.<a rel=\"noreferrer noopener\" href=\"https:\/\/www.ninjaunits.com\/converters\/pixels\/rem-pixels\/\" target=\"_blank\"> \u06cc\u0647 \u06a9\u0627\u0631 \u0631\u0627\u062d\u062a \u062a\u0631 \u0633\u0631 \u0632\u062f\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0647\u0633\u062a\u0634<\/a>. \u062d\u0627\u0644\u0627 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0628\u0631\u06af\u0631\u062f\u06cc\u0645 \u0628\u0647 \u0637\u0631\u0627\u062d\u06cc. \u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u06af \u0628\u0627\u062f\u06cc \u06cc\u0647 div \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u0642\u0631\u0627\u0631\u0647 \u0628\u0634\u0647 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631\u0645\u0648\u0646. \u0628\u0647\u0634 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc &#8220;class=&#8221;px-8 py-10 \u0631\u0648 \u0628\u062f\u06cc\u062f \u06a9\u0647 \u0645\u0639\u0646\u06cc\u0634 \u0645\u06cc\u0634\u0647 \u067e\u062f\u06cc\u0646\u06af \u0631\u0627\u0633\u062a \u0648 \u0686\u067e \u0628\u0634\u0647 32px \u0648 \u067e\u062f\u06cc\u0646\u06af \u0628\u0627\u0644\u0627 \u0648 \u067e\u0627\u06cc\u06cc\u0646 \u0628\u0634\u0647 40px.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0644\u0648\u06af\u0648:<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u06cc\u06a9 \u062a\u06af img \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u0648\u0631\u0633 \u0644\u0648\u06af\u0648 \u0631\u0648 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 h-16 \u0628\u0647\u0647\u0634 \u0628\u062f\u06cc\u062f. h \u0628\u0647 \u0645\u0639\u0646\u06cc height \u0647\u0633\u062a\u0634 \u0648 16 \u0647\u0645 \u0627\u0632 \u062c\u062f\u0648\u0644 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u06a9\u0647 \u0645\u06cc\u200c\u0634\u0647 4rem. \u0627\u0632 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0647 \u0628\u0639\u062f \u062f\u06cc\u06af\u0647 \u062a\u0648\u0636\u06cc\u062d\u0634 \u0646\u0645\u06cc\u200c\u062f\u0645 \u0627\u0648\u0646 \u062c\u062f\u0648\u0644 \u0631\u0648. \u0628\u0631\u0627\u06cc img \u0627\u06af\u0647 \u06cc\u06a9\u06cc \u0627\u0632 \u0637\u0648\u0644 \u06cc\u0627 \u0639\u0631\u0636 \u0631\u0648 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u062a\u0648\u0645\u0627\u062a\u06cc\u06a9 \u0627\u0648\u0646 \u06cc\u06a9\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0647.<br><br>\u0646\u06a9\u062a\u0647: \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0639\u0631\u0636 \u0647\u0645 \u0628\u0627\u06cc\u062f \u0627\u0632 w \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645. \u0645\u062b\u0644\u0627 w-48 \u0645\u06cc\u0634\u0647 \u0639\u0631\u0636 12rem \u06cc\u0627 192px!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0639\u06a9\u0633 \u0627\u0635\u0644\u06cc:<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u06cc\u06a9 \u062a\u06af img \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u0648\u0631\u0633 \u0639\u06a9\u0633 \u0631\u0648 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 &#8220;class=&#8221;mt-6 rounded-lg shadow-xl \u0628\u0647\u0634 \u0628\u062f\u06cc\u062f. <br><strong>rounded<\/strong>: \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0644\u0628\u0647\u200c\u0647\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631 \u062e\u0645\u06cc\u062f\u06af\u06cc \u0628\u06af\u06cc\u0631\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647. \u062f\u0631 \u0648\u0627\u0642\u0639 border-radius \u0631\u0648 \u0628\u0647 \u062a\u0635\u0648\u06cc\u0631 \u0645\u06cc\u062f\u0647. \u06a9\u0647 6 \u0633\u0627\u06cc\u0632 \u0645\u062e\u062a\u0644\u0641 \u0631\u0648 \u0647\u0645 \u062f\u0631 \u0628\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647 \u0627\u0632 \u062c\u062f\u0648\u0644 \u0632\u06cc\u0631 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u06cc\u06a9\u06cc \u0631\u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">;border-radius: 0<\/td><td class=\"has-text-align-left\" data-align=\"left\">rounded-none<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;border-radius: 0.125rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">rounded-sm<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;border-radius: 0.25rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">rounded<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;border-radius: 0.375rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">rounded-md<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;border-radius: 0.5rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">rounded-lg<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;border-radius: 9999px<\/td><td class=\"has-text-align-left\" data-align=\"left\">rounded-full<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u06cc\u0647 \u0646\u06a9\u062a\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u06cc\u0647 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u06af\u0631\u062f \u062f\u06cc\u062f\u0647 \u0628\u0634\u0647 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0627\u0632 rounded-full \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0645\u06cc\u0634\u0647 \u0628\u0647 \u0639\u0628\u0627\u0631\u062a\u06cc \u0631\u0627\u062f\u06cc\u0648\u0633 50\u066a.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062c\u062f\u0627 \u0627\u0632 \u0627\u06cc\u0646\u0647\u0627 \u0627\u06af\u0631 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u062f \u0628\u0647 \u06cc\u06a9 \u0638\u0644\u0639 \u062e\u0627\u0635 \u0631\u0627\u062f\u06cc\u0648\u0633 \u0628\u062f\u06cc\u062f \u06a9\u0627\u0641\u06cc\u0647 \u06cc\u06a9\u06cc \u0627\u0632 \u0686\u0647\u0627\u0631 \u062d\u0631\u0641 t, r, b, l \u0631\u0648 \u0628\u0647 \u06a9\u0627\u0631\u0628\u06af\u06cc\u0631\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0631\u0627\u062f\u06cc\u0648\u0633 \u0628\u0647 \u0628\u0627\u0644\u0627 \u0628\u0627\u06cc\u062f rounded-t \u0648 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u06cc\u06a9 \u0631\u0627\u062f\u06cc\u0648\u0633 \u0628\u0632\u0631\u06af\u200c\u062a\u0631 \u0628\u062f\u06cc\u0645 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u0628\u0627\u06cc\u062f rounded-b-lg \u0631\u0648 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645.  \u0627\u06af\u0631 \u0647\u0645 \u062e\u0648\u0627\u0633\u062a\u06cc\u062f \u0641\u0642\u0637 \u0628\u0647 \u06cc\u06a9 \u06af\u0648\u0634\u0647 \u062e\u0645\u06cc\u062f\u06af\u06cc \u0628\u062f\u06cc\u062f \u0645\u062b\u0644\u0627 \u06af\u0648\u0634\u0647\u200c\u06cc \u0628\u0627\u0644\u0627 \u0648 \u0631\u0627\u0633\u062a \u0628\u0627\u06cc\u062f rounded-tr \u0631\u0648 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645. tl \u0645\u06cc\u0634\u0647 \u0628\u0627\u0644\u0627 \u0648 \u0686\u067e. bl \u0648 br \u0647\u0645 \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0645\u06cc\u0634\u0646 \u067e\u0627\u06cc\u06cc\u0646 \u0686\u067e \u0648 \u0631\u0627\u0633\u062a. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>shadow<\/strong>: \u0647\u0645 \u0628\u0631\u0627\u06cc \u0633\u0627\u06cc\u0647 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0627\u0644\u0645\u0627\u0646 \u06cc\u0627 \u0647\u0645\u0648\u0646 box-shadow \u0628\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u0627\u062f. \u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc\u062f \u0633\u0627\u06cc\u0647 \u0628\u0647 \u062e\u0627\u0631\u062c \u0627\u0644\u0645\u0627\u0646 \u062f\u0627\u062f\u0647 \u0628\u0634\u0647 shadow-outline \u0648 \u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc\u062f \u0628\u0647 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0627\u0646 \u062f\u0627\u062f\u0647 \u0628\u0634\u0647 shadow-inner \u0648 \u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc\u062f \u06a9\u0644\u0627 \u0633\u0627\u06cc\u0647 \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0647 shadow-none \u0631\u0648 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f. \u0633\u0627\u06cc\u0647\u200c\u0647\u0627 \u062f\u0631 7 \u0633\u0627\u06cc\u0632 \u0645\u062e\u062a\u0644\u0641 \u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645 \u0647\u0633\u062a\u0646\u062f. \u0647\u0645\u06af\u06cc \u0627\u0648\u0646\u200c\u0647\u0627 \u062a\u0648\u0646\u0627\u0644\u06cc\u062a\u0647\u200c\u06cc \u0631\u0646\u06af \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u0647\u0633\u062a\u0646\u062f. \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0627\u0632 \u06a9\u0648\u0686\u06cc\u06a9 \u0628\u0647 \u0628\u0632\u0631\u06af<br>shadow-xs<br>shadow-sm<br>shadow<br>shadow-md<br>shadow-lg<br>shadow-xl<br>shadow-2xl<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0645\u062a\u0646\u200c\u0647\u0627<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u06cc\u06a9 \u062a\u06af h1 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0645\u062a\u0646 \u0639\u0646\u0648\u0627\u0646 \u0631\u0648 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u0648 \u0628\u0647 \u0627\u0648\u0646 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc <br>&#8220;class=&#8221;mt-6 text-gray-900 text-2xl font-bold leading-tight \u0628\u062f\u06cc\u062f. \u062a\u0627 \u0627\u06cc\u0646\u062c\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 mt-6 \u0648 text-gray-900 \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u0645. <br><strong>\u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06cc \u0645\u062a\u0646<\/strong>: \u0627\u06cc\u0646\u062c\u0627 \u0627\u0632 text-2xl \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645. \u0634\u0645\u0627 \u0647\u0645 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0627\u0632 \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0642\u0627\u062f\u06cc\u0631 \u062c\u062f\u0648\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">1.5rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-2xl<\/td><td class=\"has-text-align-left\" data-align=\"left\">0.75rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-xs<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">1.875rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-3xl<\/td><td class=\"has-text-align-left\" data-align=\"left\">0.875rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-sm<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">2.25rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-4xl<\/td><td class=\"has-text-align-left\" data-align=\"left\">1rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-base<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">3rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-5xl<\/td><td class=\"has-text-align-left\" data-align=\"left\">1.125rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-lg<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">4rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-6xl<\/td><td class=\"has-text-align-left\" data-align=\"left\">1.25rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">text-xl<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0636\u062e\u0627\u0645\u062a \u0641\u0648\u0646\u062a<\/strong>: \u06cc\u0627 font-weight \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0627\u0632 font-bold \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645. \u0636\u062e\u0627\u0645\u062a \u0641\u0648\u0646\u062a 9 \u0645\u0642\u062f\u0627\u0631 \u062f\u0627\u0631\u062f \u06a9\u0647 \u062f\u0631 \u062c\u062f\u0648\u0644 \u0632\u06cc\u0631 \u0622\u0648\u0631\u062f\u0645<\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 600<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-semibold<\/td><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 100<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-hairline<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 700<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-bold<\/td><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 200<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-thin<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 800<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-extrabold<\/td><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 300<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-light<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 900<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-black<\/td><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 400<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-normal<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><\/td><td class=\"has-text-align-left\" data-align=\"left\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">;font-weight: 500<\/td><td class=\"has-text-align-left\" data-align=\"left\">font-medium<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0641\u0627\u0635\u0644\u0647\u200c\u06cc \u0633\u0637\u0631\u200c\u0647\u0627<\/strong>: line-height \u0631\u0648 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0627 leading-tight \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0645 \u06a9\u0647 \u0628\u0631\u0627\u0628\u0631 1.25 \u0647\u0633\u062a\u0634. \u0633\u0627\u06cc\u0631 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0647\u0645 \u062a\u0648\u06cc \u062c\u062f\u0648\u0644 \u0632\u06cc\u0631 \u0645\u06cc\u200c\u0632\u0627\u0631\u0645:<\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-none<\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 0.75rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-3<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1.25<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-tight<\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-4<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1.375<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-snug<\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1.25rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-5<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1.5<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-normal<\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1.5rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-6<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1.625<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-relaxed<\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 1.75rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-7<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 2<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-loose<\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 2rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-8<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><\/td><td class=\"has-text-align-left\" data-align=\"left\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 2.25rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-9<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><\/td><td class=\"has-text-align-left\" data-align=\"left\"><\/td><td class=\"has-text-align-left\" data-align=\"left\">;line-height: 2.5rem<\/td><td class=\"has-text-align-left\" data-align=\"left\">leading-10<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0641\u0627\u0635\u0644\u0647\u200c\u06cc \u062d\u0631\u0648\u0641<\/strong>: \u0627\u06cc\u0646\u062c\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0648\u0644\u06cc \u062f\u0631\u06a9\u0644 \u0644\u0627\u0632\u0645 \u0645\u06cc\u200c\u062f\u0648\u0646\u0645 \u06af\u0641\u062a\u0647 \u0628\u0634\u0647 \u0628\u0631\u0627\u06cc \u0641\u0627\u0635\u0644\u0647 \u062f\u0627\u062f\u0646 \u0628\u0647 \u062d\u0631\u0648\u0641 \u0627\u0632 tracking \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645<\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">;letter-spacing: 0.025em<\/td><td class=\"has-text-align-left\" data-align=\"left\">tracking-wide<\/td><td class=\"has-text-align-left\" data-align=\"left\">;letter-spacing: -0.05em<\/td><td class=\"has-text-align-left\" data-align=\"left\">tracking-tighter<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;letter-spacing: 0.05em<\/td><td class=\"has-text-align-left\" data-align=\"left\">tracking-wider<\/td><td class=\"has-text-align-left\" data-align=\"left\">;letter-spacing: -0.025em<\/td><td class=\"has-text-align-left\" data-align=\"left\">tracking-tight<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">;letter-spacing: 0.1em<\/td><td class=\"has-text-align-left\" data-align=\"left\">tracking-widest<\/td><td class=\"has-text-align-left\" data-align=\"left\">;letter-spacing: 0<\/td><td class=\"has-text-align-left\" data-align=\"left\">tracking-normal<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u062c\u0645\u0639 \u0628\u0646\u062f\u06cc<\/strong>: \u062e\u06cc\u0644\u06cc \u0686\u06cc\u0632\u200c\u0647\u0627 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u0645 \u0648 \u0628\u0627 \u0647\u0645\u06cc\u0646\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0637\u0631\u062d\u06cc \u0634\u0628\u06cc\u0647 \u0628\u0647 \u0627\u0648\u0646 \u0686\u0647 \u06a9\u0647 \u0627\u0648\u0644 \u067e\u0633\u062a \u06af\u0630\u0627\u0634\u062a\u0645 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644 \u062f\u06a9\u0645\u0647\u200c\u0627\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u062e\u0631 \u06af\u0630\u0627\u0634\u062a\u0645 \u0631\u0648 \u0628\u0628\u0646\u06cc\u062f: <\/p>\n\n\n\n<blockquote class=\"wp-block-quote has-text-align-left is-layout-flow wp-block-quote-is-layout-flow\"><p>a><br>class=&#8221;inline-block   px-5   py-3   rounded-lg   shadow-lg   bg-green-600   text-sm   text-white   tracking-widest   font-bold&#8221;<br>><br>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u0648 \u062b\u0628\u062a \u0646\u0627\u0645 \u062f\u0631 \u062a\u0648\u0631<br>&lt;\/a><\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0647 \u062c\u0632 inline-block \u0628\u0627 \u0647\u0645\u0647\u200c\u06cc \u0627\u0633\u062a\u0627\u06cc\u200c\u0647\u0627 \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u0645. \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 display  \u0627\u0632 inline-block \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645. \u0686\u0648\u0646 \u062a\u06af \u200c\u200ca \u0628\u0647 \u062e\u0648\u062f\u06cc \u062e\u0648\u062f \u0627\u06cc\u0646\u200c\u0644\u0627\u06cc\u0646 \u0647\u0633\u062a\u0634 \u0648 \u0627\u06af\u0647 \u0628\u0644\u0627\u06a9 \u0646\u0628\u0627\u0634\u0647 \u067e\u062f\u06cc\u0646\u06af \u0639\u0645\u0648\u062f\u06cc \u0646\u0645\u06cc\u200c\u06af\u06cc\u0631\u0647. \u0633\u0627\u06cc\u0631 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627 \u0647\u0645 \u0645\u06cc\u0634\u0646 hidden  \u06a9\u0647 display \u0631\u0648 none \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647 \u0648 inline, inline-block, inline-flex, flex, table, grid \u0648 &#8230; \u0647\u0645 \u0647\u0633\u062a\u0646\u062f. \u067e\u0633 \u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc\u062f \u200c\u200cdisplay \u0631\u0648 \u0628\u0631\u0627\u0628\u0631 flex \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u0645 \u0641\u0642\u0637 \u06a9\u0627\u0641\u06cc \u062a\u0648\u06cc \u06a9\u0644\u0627\u0633 \u062e\u0648\u062f \u0639\u0628\u0627\u0631\u062a flex \u0631\u0648 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0641\u06a9\u0631 \u06a9\u0646\u0645 \u062a\u0627 \u0647\u0645\u06cc\u0646 \u062c\u0627 \u06a9\u0627\u0641\u06cc \u0628\u0627\u0634\u0647. \u0686\u0648\u0646 \u062e\u06cc\u0644\u06cc \u0637\u0648\u0644\u0627\u0646\u06cc \u0645\u06cc\u0634\u0647 \u0648 \u062d\u0648\u0635\u0644\u0647 \u0633\u0631 \u0628\u0631 \u200c\u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u062d\u0627\u0644\u0627 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u0645 \u06a9\u0647 \u06cc\u0647 \u0637\u0631\u062d \u0628\u06cc\u0633\u06cc\u06a9 \u067e\u06cc\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u062f\u0631 \u067e\u0633\u062a \u0628\u0639\u062f\u06cc \u062f\u0631\u0628\u0627\u0631\u0647\u200c\u06cc focus\u060c hover, active \u0648 \u0637\u0631\u0627\u062d\u06cc \u0631\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u062f\u0631 tailwind \u062d\u0631\u0641 \u0645\u06cc\u200c\u0632\u0646\u06cc\u0645.<br>\u0646\u0638\u0631 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u0634\u0647 \u0644\u0637\u0641\u0627!<br><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/afshineem\/tailwind-test\" target=\"_blank\">\u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0633\u0648\u0631\u0633\u200c\u06a9\u062f\u200c\u0647\u0627 \u0628\u0647 \u06af\u06cc\u062a\u200c\u0647\u0627\u0628 \u0633\u0631 \u0628\u0632\u0646\u06cc\u062f.<\/a><br><br>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0627\u06cc\u0646 \u067e\u0633\u062a \u0631\u0648 \u062f\u0631 <a href=\"http:\/\/afshinzarei.ir\/blog\/tailwind-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">@\u0627\u0641\u0634\u06cc\u0646\u0645<\/a> \u0648 <a rel=\"noreferrer noopener\" href=\"https:\/\/virgool.io\/d\/s39umjnka8go\" target=\"_blank\">\u0648\u06cc\u0631\u06af\u0648\u0644<\/a> \u0628\u062e\u0648\u0646\u06cc\u062f.<br>\u0628\u062f\u0631\u0648\u062f<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u062f\u0645\u0647: \u062f\u0631 \u067e\u0633\u062a \u0627\u0648\u0644 Tailwind \u06af\u0641\u062a\u0645 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u0628\u0647 \u06cc\u06a9 \u0627\u0644\u0645\u0627\u0646 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u06a9\u0644\u0627\u0633 \u0627\u062a\u0631\u06cc\u0628\u06cc\u0648\u062a \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f \u0648 \u062f\u0627\u062e\u0644 &#8220;\u062f\u0627\u0628\u0644\u200c\u06a9\u0648\u062a\u06cc\u0634\u0646&#8221; \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc \u0645\u062f \u0646\u0638\u0631\u0645\u0627\u0646 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645. text-4xl font-bold text-center text-blue-500 mt-12\u2033 \u0627\u06cc\u0646 \u0686\u0646\u062f \u06a9\u0644\u0627\u0633 \u0631\u0627 \u0647\u0645 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f\u06cc\u0645. \u062d\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0628\u0641\u0647\u0645\u06cc\u0645 mt-12 \u06cc\u0639\u0646\u06cc \u0686\u06cc \u0648 \u0686\u0631\u0627 \u0627\u0632 text-4xl \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645 \u0648 &#8230; \u0627\u06cc\u0646 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[],"class_list":["post-423","post","type-post","status-publish","format-standard","hentry","category-learn"],"_links":{"self":[{"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=\/wp\/v2\/posts\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=423"}],"version-history":[{"count":13,"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=\/wp\/v2\/posts\/423\/revisions"}],"predecessor-version":[{"id":437,"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=\/wp\/v2\/posts\/423\/revisions\/437"}],"wp:attachment":[{"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.afshineem.ir\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}