详 (xiáng): Detailed — Stroke Order & Writing Guide
HSK 3.0Recognition 4
1. Animated Stroke Order 详
Watch each stroke animate in order, then practice the same sequence by hand.
Watch each stroke animate in order, then practice the same sequence by hand.
.%3C%2Fdesc%3E%3Cstyle%3E%0A%40keyframes%20draw-stroke%20%7B%0A%20%20to%20%7B%20stroke-dashoffset%3A%200%3B%20opacity%3A%201%3B%20%7D%0A%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22500%22%20height%3D%22500%22%20fill%3D%22%238ecae6%22%3E%3C%2Frect%3E%3Cline%20x1%3D%220%22%20y1%3D%22250%22%20x2%3D%22500%22%20y2%3D%22250%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Cline%20x1%3D%22250%22%20y1%3D%220%22%20x2%3D%22250%22%20y2%3D%22500%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Ctext%20x%3D%22490%22%20y%3D%22488%22%20fill%3D%22%23ffffff%22%20font-size%3D%2218%22%20font-family%3D%22Arial%2C%20sans-serif%22%20text-anchor%3D%22end%22%20dominant-baseline%3D%22ideographic%22%20opacity%3D%220.8%22%3Ehanzistroke.com%3C%2Ftext%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22mask-1%22%3E%3Cpath%20d%3D%22M%20285%20760%20Q%20312%20738%20341%20710%20Q%20356%20697%20372%20698%20Q%20384%20698%20389%20713%20Q%20393%20728%20383%20759%20Q%20377%20778%20345%20793%20Q%20270%20818%20256%20811%20Q%20250%20807%20253%20793%20Q%20257%20783%20285%20760%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20156%20504%20Q%20105%20488%2077%20485%20Q%2062%20485%2060%20477%20Q%2056%20468%2067%20461%20Q%20106%20437%20150%20454%20Q%20255%20505%20264%20502%20Q%20265%20502%20267%20500%20Q%20277%20494%20272%20466%20Q%20272%20283%20237%20165%20Q%20219%20132%20263%2080%20Q%20273%2067%20284%2074%20Q%20293%2081%20304%20106%20Q%20338%20148%20407%20219%20Q%20420%20231%20418%20238%20Q%20417%20247%20405%20238%20Q%20377%20223%20348%20205%20Q%20294%20163%20305%20228%20Q%20304%20295%20327%20459%20Q%20331%20484%20354%20508%20Q%20367%20518%20356%20532%20Q%20346%20548%20305%20565%20Q%20293%20572%20276%20560%20Q%20200%20518%20156%20504%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20517%20751%20Q%20554%20696%20582%20683%20Q%20594%20679%20604%20689%20Q%20610%20699%20610%20714%20Q%20601%20753%20532%20783%20Q%20519%20790%20510%20787%20Q%20504%20786%20505%20775%20Q%20505%20765%20517%20751%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20739%20806%20Q%20727%20782%20661%20686%20Q%20654%20670%20669%20674%20Q%20709%20704%20784%20766%20Q%20800%20784%20823%20796%20Q%20842%20808%20831%20824%20Q%20816%20839%20790%20851%20Q%20765%20861%20753%20858%20Q%20740%20855%20746%20843%20Q%20750%20825%20739%20806%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20649%20584%20Q%20811%20621%20819%20629%20Q%20828%20636%20823%20645%20Q%20816%20655%20788%20663%20Q%20758%20667%20681%20639%20Q%20551%20608%20489%20600%20Q%20453%20594%20479%20578%20Q%20518%20554%20575%20570%20Q%20581%20573%20591%20572%20L%20649%20584%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20665%20447%20Q%20792%20478%20799%20482%20Q%20806%20489%20803%20497%20Q%20796%20507%20770%20514%20Q%20742%20520%20715%20508%20Q%20690%20499%20666%20491%20L%20613%20476%20Q%20558%20466%20500%20458%20Q%20466%20452%20491%20437%20Q%20530%20416%20590%20431%20Q%20600%20434%20613%20435%20L%20665%20447%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20663%20316%20Q%20751%20329%20884%20332%20Q%20942%20332%20948%20342%20Q%20952%20352%20937%20366%20Q%20886%20402%20849%20393%20Q%20779%20377%20663%20355%20L%20612%20346%20Q%20515%20331%20407%20314%20Q%20388%20311%20403%20295%20Q%20416%20282%20434%20277%20Q%20455%20273%20470%20278%20Q%20537%20297%20612%20308%20L%20663%20316%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20614%20-31%20Q%20620%20-56%20626%20-65%20Q%20632%20-72%20639%20-70%20Q%20657%20-58%20660%20-3%20Q%20667%2073%20665%20150%20Q%20662%20193%20663%20316%20L%20663%20355%20Q%20664%20398%20665%20447%20L%20666%20491%20Q%20667%20501%20669%20507%20Q%20673%20529%20676%20548%20Q%20679%20564%20665%20574%20Q%20656%20580%20649%20584%20C%20624%20600%20578%20599%20591%20572%20Q%20612%20536%20613%20476%20L%20613%20435%20Q%20613%20395%20612%20346%20L%20612%20308%20Q%20606%2044%20614%20-31%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22%0A%20%20%20%20translate(10%2C%20431.875)%0A%20%20%20%20scale(0.46875%2C%20-0.46875)%0A%20%20%22%3E%3Cg%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20clip-path%3D%22url(%23mask-1)%22%20d%3D%22M%20174.5%20854.1%20L%20337%20760%20L%20371%20716%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22243.42374869823198%2C243.42374869823198%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20243.385%3B%20stroke-dasharray%3A%20243.385%3B%20animation%3A%20800ms%20linear%200ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-2)%22%20d%3D%22M%20-29%20473.9%20L%20125%20471%20L%20262%20527%20L%20298%20525%20L%20307%20511%20L%20275%20205%20L%20282%20153%20L%20310%20159%20L%20338%20174%20L%20412%20235%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22871.1505510485832%2C871.1505510485832%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20871.169%3B%20stroke-dasharray%3A%20871.169%3B%20animation%3A%20800ms%20linear%201000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-3)%22%20d%3D%22M%20440.9%20845.1%20L%20568%20730%20L%20589%20702%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22206.505244562899%2C206.505244562899%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20206.471%3B%20stroke-dasharray%3A%20206.471%3B%20animation%3A%20800ms%20linear%202000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-4)%22%20d%3D%22M%20689.2%20926%20L%20782%20814%20L%20747%20767%20L%20669%20683%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22318.6834530526453%2C318.6834530526453%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20318.681%3B%20stroke-dasharray%3A%20318.681%3B%20animation%3A%20800ms%20linear%203000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-5)%22%20d%3D%22M%20381.4%20599.1%20L%20536%20585%20L%20685%20614%20L%20774%20639%20L%20813%20639%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22438.4672987008695%2C438.4672987008695%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20438.482%3B%20stroke-dasharray%3A%20438.482%3B%20animation%3A%20800ms%20linear%204000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-6)%22%20d%3D%22M%20396%20473.3%20L%20513%20444%20L%20578%20448%20L%20750%20493%20L%20793%20492%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22406.5393161058455%2C406.5393161058455%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20406.537%3B%20stroke-dasharray%3A%20406.537%3B%20animation%3A%20800ms%20linear%205000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-7)%22%20d%3D%22M%20306.4%20313.2%20L%20460%20299%20L%20676%20339%20L%20860%20363%20L%20901%20359%20L%20940%20347%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22641.4611583859502%2C641.4611583859502%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20641.485%3B%20stroke-dasharray%3A%20641.485%3B%20animation%3A%20800ms%20linear%206000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-8)%22%20d%3D%22M%20511.8%20617.9%20L%20640%20546%20L%20635%20-60%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22753.0312638058383%2C753.0312638058383%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20753.007%3B%20stroke-dasharray%3A%20753.007%3B%20animation%3A%20800ms%20linear%207000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
62 learners have practiced this character
Download and print worksheets to practice writing 详
HSK words that contain this character.
Real-world example sentences demonstrating how 详 is used in context
He carefully scrutinized the painting.
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
We need to know the details of the incident.
Please explain your plan in detail.