{"id":6408,"date":"2026-06-04T17:00:47","date_gmt":"2026-06-04T13:30:47","guid":{"rendered":"https:\/\/parmin.cloud\/blog\/?p=6408"},"modified":"2026-06-04T17:00:47","modified_gmt":"2026-06-04T13:30:47","slug":"%d8%b4%d8%ae%d8%b5%db%8c%d8%b3%d8%a7%d8%b2%db%8c-%d8%ae%d8%b7-%d8%b2%db%8c%d8%b1-%d9%85%d8%aa%d9%86-%d8%a8%d8%a7-text-decoration-%d8%af%d8%b1-css","status":"publish","type":"post","link":"https:\/\/parmin.cloud\/blog\/%d8%b4%d8%ae%d8%b5%db%8c%d8%b3%d8%a7%d8%b2%db%8c-%d8%ae%d8%b7-%d8%b2%db%8c%d8%b1-%d9%85%d8%aa%d9%86-%d8%a8%d8%a7-text-decoration-%d8%af%d8%b1-css\/","title":{"rendered":"\u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u062e\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646 \u0628\u0627 text-decoration \u062f\u0631 CSS"},"content":{"rendered":"

\u0645\u0642\u062f\u0645\u0647<\/h2>\n

\u0636\u0631\u0628\u200c\u0627\u0644\u0645\u062b\u0644\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u06cc\u200c\u06af\u0648\u06cc\u062f \u00ab\u0686\u06cc\u0632\u0647\u0627\u06cc \u062e\u0648\u0628 \u0646\u0635\u06cc\u0628 \u06a9\u0633\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0635\u0628\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u00bb \u0648 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u062f\u0631\u0628\u0627\u0631\u0647 \u062a\u0632\u0626\u06cc\u0646 \u0645\u062a\u0646 \u062f\u0631 \u0648\u0628 \u0646\u06cc\u0632 \u0635\u062f\u0642 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0645\u0627\u0698\u0648\u0644 CSS Text Decoration Level 3<\/strong> \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u062c\u062f\u06cc\u062f \u0648 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u062e\u0637\u0648\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646\u060c \u0631\u0648\u06cc \u0645\u062a\u0646 \u0648 \u062e\u0637\u200c\u062e\u0648\u0631\u062f\u0647 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

\u062f\u0631 \u06af\u0630\u0634\u062a\u0647 \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u062e\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646\u060c \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646 \u0645\u062c\u0628\u0648\u0631 \u0628\u0648\u062f\u0646\u062f \u0628\u0647\u200c\u062c\u0627\u06cc text-decoration<\/code> \u0627\u0632 border-bottom<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f CSS \u062f\u06cc\u06af\u0631 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0627\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0646\u06cc\u0633\u062a.<\/p>\n

\n

\u062a\u0648\u062c\u0647: \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0628\u0631\u062e\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0647\u0646\u0648\u0632 \u062f\u0631 \u0647\u0645\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u06a9\u0627\u0645\u0644 \u0646\u06cc\u0633\u062a \u0648 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0646\u062a\u0627\u06cc\u062c \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0627\u0634\u062f.<\/p>\n<\/blockquote>\n

\n

\u0648\u06cc\u0698\u06af\u06cc text-decoration<\/h1>\n

\u062f\u0631 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc CSS\u060c \u0648\u06cc\u0698\u06af\u06cc text-decoration<\/code> \u0641\u0642\u0637 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u0641\u062a:<\/p>\n

    \n
  • none<\/code><\/li>\n
  • underline<\/code><\/li>\n
  • overline<\/code><\/li>\n
  • line-through<\/code><\/li>\n<\/ul>\n

    \u0627\u0645\u0627 \u062f\u0631 CSS3 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0647 \u06cc\u06a9 Shorthand Property<\/strong> \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0686\u0646\u062f \u0648\u06cc\u0698\u06af\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0646\u06cc\u0632 \u0647\u0645\u0632\u0645\u0627\u0646 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u062f:<\/p>\n

      \n
    • text-decoration-color<\/code><\/li>\n
    • text-decoration-style<\/code><\/li>\n
    • text-decoration-line<\/code><\/li>\n<\/ul>\n

      \u0645\u062b\u0627\u0644:<\/p>\n

      \n
      \n
      \n
      \n
      \n
      \n
      \n
      \n
      \n
      \n
      <\/div>\n<\/div>\n<\/div>\n
      \n
      \n
      \n
      \n
      \n
      .fancy<\/span> {\r\n  text-decoration: hotpink<\/span> double<\/span> underline<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
      \n
      <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
      \u0646\u062a\u06cc\u062c\u0647:<\/p>\n
        \n
      • \u0631\u0646\u06af \u062e\u0637: \u0635\u0648\u0631\u062a\u06cc<\/li>\n
      • \u0646\u0648\u0639 \u062e\u0637: \u062f\u0648\u062a\u0627\u06cc\u06cc (Double)<\/li>\n
      • \u0645\u062d\u0644 \u0646\u0645\u0627\u06cc\u0634: \u0632\u06cc\u0631 \u0645\u062a\u0646<\/li>\n<\/ul>\n
        \n
        \u0648\u06cc\u0698\u06af\u06cc text-decoration-color<\/h1>\n
        \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0631\u0646\u06af \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0645\u062a\u0646 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .link<\/span> {\r\n  text-decoration-color: red<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a CSS \u0631\u0627\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645\u06cc \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af underline \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.<\/p>\n
        \n
        \u0648\u06cc\u0698\u06af\u06cc text-decoration-style<\/h1>\n
        \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0646\u0648\u0639 \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \u0645\u0642\u0627\u062f\u06cc\u0631 \u0645\u0647\u0645:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        solid<\/span>\r\ndouble<\/span>\r\ndotted<\/span>\r\ndashed<\/span>\r\nwavy<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u0645\u062b\u0627\u0644:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .wavy<\/span> {\r\n  text-decoration: underline<\/span>;\r\n  text-decoration-color: salmon<\/span>;\r\n  text-decoration-style: wavy<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u062e\u0631\u0648\u062c\u06cc:<\/p>\n
        \u0645\u062a\u0646 \u062f\u0627\u0631\u0627\u06cc \u062e\u0637 \u0645\u0648\u062c\u200c\u062f\u0627\u0631 (Wavy) \u0628\u0647 \u0631\u0646\u06af \u0646\u0627\u0631\u0646\u062c\u06cc-\u0635\u0648\u0631\u062a\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n
        \n
        \u0648\u06cc\u0698\u06af\u06cc text-decoration-line<\/h1>\n
        \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u062f\u0631 \u06a9\u062f\u0627\u0645 \u0642\u0633\u0645\u062a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f.<\/p>\n
        \u0645\u0642\u0627\u062f\u06cc\u0631:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        underline<\/span>\r\noverline<\/span>\r\nline-through<\/span>\r\nblink<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u0646\u06a9\u062a\u0647:<\/p>\n
        \u0645\u0642\u062f\u0627\u0631 blink<\/code> \u0645\u0646\u0633\u0648\u062e \u0634\u062f\u0647 \u0648 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0647\u06cc\u0686 \u0645\u0631\u0648\u0631\u06af\u0631\u06cc \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \u0645\u062b\u0627\u0644:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .strike<\/span> {\r\n  text-decoration-line: line-through<\/span>;\r\n  text-decoration-color: red<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u0646\u062a\u06cc\u062c\u0647:<\/p>\n
        \u0645\u062a\u0646 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062e\u0637\u200c\u062e\u0648\u0631\u062f\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n
        \n
        \u0648\u06cc\u0698\u06af\u06cc text-decoration-skip<\/h1>\n
        \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0627\u0632 \u0631\u0648\u06cc \u0686\u0647 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc\u06cc \u0639\u0628\u0648\u0631 \u0646\u06a9\u0646\u062f.<\/p>\n
        \u0645\u0642\u0627\u062f\u06cc\u0631 \u0645\u0647\u0645:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        objects<\/span>\r\nspaces<\/span>\r\nink<\/span>\r\nedges<\/span>\r\nbox-decoration<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        \u0645\u0642\u062f\u0627\u0631 ink<\/h2>\n
        \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u062e\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646 \u0627\u0632 \u0631\u0648\u06cc \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u06cc\u0646\u06cc \u062d\u0631\u0648\u0641 \u0639\u0628\u0648\u0631 \u0646\u06a9\u0646\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .ink<\/span> {\r\n  text-decoration: underline<\/span> solid<\/span> darkturquoise<\/span>;\r\n  text-decoration-skip: ink<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644 \u062f\u0631 \u062d\u0631\u0648\u0641\u06cc \u0645\u0627\u0646\u0646\u062f:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n
        \n
        \n
        \n
        \n
        \n
        g, p, y, j<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u062e\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646 \u0628\u0647 \u062d\u0631\u0648\u0641 \u0628\u0631\u062e\u0648\u0631\u062f \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n
        \n
        \u0645\u0642\u062f\u0627\u0631 objects<\/h2>\n
        \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0627\u0632 \u0631\u0648\u06cc \u0639\u0646\u0627\u0635\u0631 inline-block<\/code> \u0639\u0628\u0648\u0631 \u0646\u06a9\u0646\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        <p<\/span> class<\/span>=<\/span>\"super\"<\/span>><\/span>\r\n  Getting <span<\/span> style<\/span>=<\/span>\"<\/span>display:inline-block<\/span>;\"<\/span>><\/span>Very<\/span><\/span> Fancy\r\n<\/p><\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .super<\/span> {\r\n  text-decoration: overline<\/span> solid<\/span> peru<\/span>;\r\n  text-decoration-skip: objects<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a \u062e\u0637 \u0627\u0632 \u0631\u0648\u06cc \u0639\u0646\u0635\u0631 Very<\/code> \u0631\u062f \u0646\u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n
        \n
        \u0633\u0627\u06cc\u0631 \u0645\u0642\u0627\u062f\u06cc\u0631<\/h2>\n
        spaces<\/h3>\n
        \u062e\u0637 \u0627\u0632 \u0631\u0648\u06cc \u0641\u0627\u0635\u0644\u0647\u200c\u0647\u0627 \u0648 \u0639\u0644\u0627\u0626\u0645 \u0646\u06af\u0627\u0631\u0634\u06cc \u0639\u0628\u0648\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        text-decoration-skip<\/span>: spaces<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        edges<\/h3>\n
        \u0645\u06cc\u0627\u0646 \u062f\u0648 \u0639\u0646\u0635\u0631 \u062a\u0632\u0626\u06cc\u0646\u200c\u0634\u062f\u0647 \u0641\u0627\u0635\u0644\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        text-decoration-skip<\/span>: edges<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        box-decoration<\/h3>\n
        \u0627\u0632 \u0631\u0648\u06cc Margin\u060c Padding \u0648 Border \u0628\u0647 \u0627\u0631\u062b \u0631\u0633\u06cc\u062f\u0647 \u0639\u0628\u0648\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        text-decoration-skip<\/span>: box-decoration<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u0627\u0644\u0628\u062a\u0647 \u0627\u06cc\u0646 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0647\u0646\u0648\u0632 \u062f\u0631 \u0647\u0645\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0627\u0645\u0644 \u0646\u062f\u0627\u0631\u0646\u062f.<\/p>\n
        \n
        \u0648\u06cc\u0698\u06af\u06cc text-underline-position<\/h1>\n
        \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0645\u062d\u0644 \u0642\u0631\u0627\u0631\u06af\u06cc\u0631\u06cc \u062e\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646 \u0631\u0627 \u0646\u0633\u0628\u062a \u0628\u0647 \u062d\u0631\u0648\u0641 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \u0645\u0642\u0627\u062f\u06cc\u0631:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        auto<\/span>\r\nunder<\/span>\r\nleft<\/span>\r\nright<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        \u0645\u0642\u062f\u0627\u0631 auto<\/h2>\n
        \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0633\u062a.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .auto<\/span> {\r\n  text-decoration: underline<\/span>;\r\n  text-underline-position: auto<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a \u062e\u0637 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0646\u0632\u062f\u06cc\u06a9 \u062e\u0637 \u067e\u0627\u06cc\u0647 (Baseline) \u0645\u062a\u0646 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/p>\n
        \n
        \u0645\u0642\u062f\u0627\u0631 under<\/h2>\n
        \u062e\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646 \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u0627\u0632 \u062d\u0631\u0648\u0641 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .under<\/span> {\r\n  text-decoration: underline<\/span>;\r\n  text-underline-position: under<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0645\u062e\u0635\u0648\u0635\u0627\u064b \u0628\u0631\u0627\u06cc \u062d\u0631\u0648\u0641\u06cc \u06a9\u0647 \u0628\u062e\u0634 \u067e\u0627\u06cc\u06cc\u0646\u06cc \u062f\u0627\u0631\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a.<\/p>\n
        \u0645\u062b\u0627\u0644:<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n
        \n
        \n
        \n
        \n
        \n
        g p q y j<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u062e\u0637 \u0632\u06cc\u0631 \u0645\u062a\u0646 \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0627\u06cc\u0646 \u062d\u0631\u0648\u0641 \u0628\u0631\u062e\u0648\u0631\u062f \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n
        \n
        \u0645\u0642\u0627\u062f\u06cc\u0631 left \u0648 right<\/h2>\n
        \u0628\u0631\u0627\u06cc \u0632\u0628\u0627\u0646\u200c\u0647\u0627 \u0648 \u062d\u0627\u0644\u062a\u200c\u0647\u0627\u06cc \u0646\u0648\u0634\u062a\u0627\u0631\u06cc \u0639\u0645\u0648\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        text-underline-position<\/span>: left<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        text-underline-position<\/span>: right<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0645\u0644<\/h1>\n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        \n
        <\/div>\n<\/div>\n<\/div>\n
        \n
        \n
        \n
        \n
        \n
        .fancy-link<\/span> {\r\n  text-decoration-line: underline<\/span>;\r\n  text-decoration-color: #ff1493;\r\n  text-decoration-style: wavy<\/span>;\r\n  text-decoration-thickness: 2<\/span>px<\/span>;\r\n  text-underline-position: under<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \n
        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
        \u062e\u0631\u0648\u062c\u06cc:<\/p>\n