ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯩꯍꯥꯛꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯏꯚꯣꯂꯨꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯀꯦꯇꯦꯒꯣꯔꯤꯁꯤꯡꯗꯥ ꯈꯥꯌꯗꯣꯀꯄꯥ ꯇꯥꯔꯕꯗꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯇꯨꯡꯗꯥ ꯍꯤꯡꯂꯤ ꯍꯥꯌꯅꯥ ꯐꯥꯑꯣꯅꯕꯥ ꯉꯃꯈꯩ-ꯔꯦꯗꯤꯌꯁ ꯈꯛꯇꯃꯛ ꯍꯥꯌꯔꯀꯄꯥ ꯅꯨꯃꯤꯠꯁꯤꯡ ꯑꯗꯨꯗꯒꯤ ꯌꯥꯝꯅꯥ ꯂꯥꯞꯅꯥ ꯆꯠꯈ꯭ꯔꯦ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯍꯧꯖꯤꯛ ꯄ꯭ꯂꯦꯠꯐꯣꯔꯝ ꯑꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯂꯦꯌꯔ ꯑꯁꯤ ꯇ꯭ꯌꯨꯏꯛ ꯇꯧꯕꯈꯛꯇꯗꯥ ꯅꯠꯇꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯏꯟꯇꯔꯐꯦꯁꯁꯤꯡ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯑꯥꯔꯀꯤꯇꯦꯀꯆꯔ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯐꯟꯗꯥꯃꯦꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯗꯣꯀꯄꯥ ꯉꯝꯕꯥ ꯈꯨꯠꯂꯥꯌꯁꯤꯡ ꯄꯤꯔꯤ꯫ ꯲꯰꯲꯴ꯗꯥ ꯂꯥꯎꯊꯣꯀꯈꯤꯕꯥ ꯐꯤꯆꯔꯁꯤꯡꯒꯤ ꯃꯁꯤꯡ ꯑꯁꯤ ꯃꯊꯛꯇꯥ ꯊꯣꯀꯄꯥ ꯉꯃꯂꯣꯏ ꯍꯥꯌꯅꯥ ꯑꯩꯅꯥ ꯈꯜꯂꯝꯃꯤ꯫ ꯑꯩꯍꯥꯛ ꯀꯩꯗꯧꯉꯩꯗꯁꯨ ꯑꯁꯨꯛ ꯅꯨꯡꯉꯥꯏꯅꯥ ꯑꯔꯥꯅꯕꯥ ꯇꯧꯈꯤꯗ꯭ꯔꯤ꯫
ꯀ꯭ꯔꯣꯝ ꯇꯤꯃꯒꯤ “ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯔꯦꯞꯗ ꯲꯰꯲꯵” ꯑꯁꯤ ꯐꯤꯆꯔꯁꯤꯡꯒꯤ ꯂꯤꯁ꯭ꯠ ꯈꯛꯇꯃꯛ ꯅꯠꯇꯦ; ꯃꯁꯤ ꯗꯥꯏꯅꯥꯃꯤꯛ, ꯅꯦꯇꯤꯕ ꯋꯦꯕ ꯑꯃꯒꯤ ꯃꯦꯅꯤꯐꯦꯁ꯭ꯇꯣ ꯑꯃꯅꯤ꯫ ꯏꯚꯣꯂꯨꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯣꯀꯨꯃꯦꯟꯇ ꯇꯧꯕꯗꯥ ꯆꯍꯤ ꯀꯌꯥ ꯁꯨꯔꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯥ ꯑꯣꯏꯅꯥ — “ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.꯵”ꯒꯤ ꯃꯇꯃꯁꯤꯡ ꯑꯁꯤ ꯂꯦꯄꯊꯣꯀꯄꯗꯒꯤ ꯍꯧꯔꯒꯥ ꯃꯣꯗꯔꯟ ꯂꯦꯑꯥꯎꯠ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ ꯑꯀꯅꯕꯥ ꯋꯥꯐꯃꯁꯤꯡ ꯐꯥꯑꯣꯕꯥ — ꯑꯩꯍꯥꯛꯅꯥ ꯆꯍꯤ ꯑꯁꯤꯒꯤ ꯔꯦꯞ-ꯑꯞ ꯑꯁꯤ ꯑꯆꯧꯕꯥ ꯅꯨꯡꯉꯥꯏꯕꯥ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯦꯡꯂꯤꯕꯥ ꯎꯕꯥ ꯐꯪꯏ꯫ ꯑꯩꯈꯣꯌꯅꯥ “ꯑꯣꯞꯇꯤꯃꯥꯏꯖꯗ ꯑꯦꯔꯒꯣꯅꯣꯃꯤꯛꯁ” ꯑꯃꯁꯨꯡ “ꯅꯦꯛꯁ-ꯖꯦꯟ ꯏꯟꯇꯔꯦꯛꯁꯅꯁꯤꯡ”ꯒꯤ ꯃꯥꯌꯀꯩꯗꯥ ꯑꯍꯣꯡꯕꯥ ꯑꯃꯥ ꯎꯕꯥ ꯐꯪꯂꯤ ꯃꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯀꯣꯗ ꯑꯁꯤꯒꯥ ꯂꯥꯟꯊꯦꯡꯅꯕꯥ ꯂꯦꯄꯍꯟꯗꯨꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯍꯧꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯐꯤꯚꯃꯗꯥ ꯏꯟꯇꯔꯐꯦꯁꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯥ ꯍꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫
ꯑꯥꯔꯇꯤꯀꯜ ꯑꯁꯤꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯀ꯭ꯔꯣꯃꯒꯤ ꯔꯤꯄꯣꯔꯇꯇꯒꯤ ꯁ꯭ꯇꯦꯟꯗꯑꯥꯎꯠ ꯐꯤꯆꯔꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯃꯤꯠꯌꯦꯡ ꯑꯃꯥ ꯐꯪꯒꯅꯤ, ꯃꯁꯤ ꯑꯩꯍꯥꯛꯅꯥ ꯍꯟꯗꯛꯀꯤ ꯑꯦꯛꯁꯄꯔꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯂꯦꯟꯁꯇꯒꯤ ꯌꯦꯡꯈꯤ ꯑꯃꯁꯨꯡ ꯄ꯭ꯂꯦꯠꯐꯣꯔꯝ ꯑꯁꯤꯒꯤ ꯇꯨꯡꯒꯤꯗꯃꯛ ꯑꯥꯁꯥ ꯇꯧꯔꯤ꯫
ꯀꯝꯄꯣꯅꯦꯟꯇ ꯔꯤꯚꯣꯂꯨꯁꯟ: ꯑꯔꯣꯏꯕꯗꯥ, ꯅꯦꯇꯤꯕ ꯀꯁ꯭ꯇꯃꯔ ꯁꯦꯂꯦꯛꯇ ꯑꯃꯥ꯫
ꯆꯍꯤ ꯀꯌꯥꯗꯒꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯅꯕꯥ ꯑꯀꯅꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤꯁꯤꯡꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯝꯂꯤ, ꯃꯁꯤ “ꯆꯍꯤ ꯇꯔꯥꯒꯤ ꯈꯨꯖꯤꯡ ꯀꯌꯥꯒꯤ ꯃꯃꯥꯡꯗꯒꯤ ꯂꯩꯔꯛꯂꯕꯥ ꯁꯃꯁ꯭ꯌꯥ” ꯑꯃꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯄ꯭ꯂꯦꯠꯐꯣꯔꯝ ꯑꯁꯤꯅꯥ ꯑꯔꯣꯏꯕꯗꯥ ꯀꯣꯀꯍꯅꯈꯤ꯫ ꯑꯩꯍꯥꯛꯅꯥ ꯀꯁ꯭ꯇꯃꯔꯁꯤꯡꯅꯥ ꯌꯥꯕꯥ ꯁꯦꯂꯦꯛꯇ (ꯑꯃꯁꯨꯡ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯑꯥꯔꯇꯤꯀꯂꯁꯤꯡ)ꯒꯤ ꯄꯨꯋꯥꯔꯤꯗꯥ ꯑꯩꯍꯥꯛꯀꯤ ꯗꯤꯞ ꯗꯥꯏꯕꯇꯥ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯜ ꯄꯤꯈꯤꯕꯒꯨꯝꯅꯥ, ꯃꯁꯤ ꯑꯣꯄꯟ ꯌꯨ.ꯑꯥꯏ.,
ꯏꯃꯦꯖ ꯅꯠꯠꯔꯒꯥ ꯐ꯭ꯂꯦꯒꯒꯨꯝꯕꯥ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯔꯤꯆ ꯀꯟꯇꯦꯟꯇ ꯑꯌꯥꯕꯥ ꯄꯤꯕꯒꯤ ꯑꯉꯀꯄꯥ ꯑꯍꯦꯅꯕꯥ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯅꯨꯡꯉꯥꯏꯕꯥ ꯑꯃꯅꯤ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯍꯧꯖꯤꯛ ꯃꯇꯝ ꯑꯁꯤꯗꯥ ꯃꯈꯜ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯁꯦꯂꯦꯛꯇꯁꯤꯡ ꯁꯦꯝꯕꯥ ꯌꯥꯏ:
ꯗꯦꯃꯣ: ꯑꯩꯅꯥ ꯑꯅꯧꯕꯥ
ꯄꯦꯟ ꯑꯃꯥ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯏꯃꯦꯖꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯁ꯭ꯇꯃꯔ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯈꯅꯒꯠꯂꯕꯥ ꯑꯃꯁꯨꯡ ꯌꯨꯇꯤꯂꯤꯇꯤꯕꯦꯟꯗꯅꯥ ꯈꯅꯒꯠꯂꯕꯥ ꯀꯟꯇꯦꯟꯇ [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯗꯦꯃꯣ: ꯁꯨꯞꯅꯒꯤ ꯄ꯭ꯁꯨꯗꯣ-ꯏꯂꯤꯃꯦꯟꯇ ꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯂꯦꯛꯇ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯑꯄꯨꯅꯕꯥ ꯃꯤꯠꯌꯦꯡ ꯑꯃꯥ꯫
ꯄꯦꯟ ꯌꯦꯡꯕꯤꯌꯨ ꯌꯨꯇꯤꯂꯤꯇꯤꯕꯦꯟꯗꯅꯥ ꯁꯨꯞꯅꯒꯤ ꯄ꯭ꯁꯨꯗꯣ-ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯁ꯭ꯇꯃꯔ ꯑꯃꯥ ꯈꯅꯒꯠꯄꯥ꯫
ꯗꯦꯃꯣ: ꯅꯠꯔꯒꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤ ꯑꯣꯞꯇꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯃꯦꯅꯨ ꯈꯅꯕꯒꯤ ꯗꯦꯃꯣ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯣꯠ ꯑꯃꯥ ꯍꯦꯟꯅꯥ ꯀꯤꯛ ꯇꯧꯕꯥ ꯌꯥꯏ꯫
ꯄꯦꯟ ꯌꯦꯡꯕꯤꯌꯨ utilitybendꯅꯥ optgroups [forked] ꯂꯩꯕꯥ ꯇꯁꯦꯡꯕꯥ ꯁꯦꯂꯦꯛꯇ ꯃꯦꯅꯨ ꯑꯃꯥ꯫ ꯃꯁꯤꯒꯤ ꯐꯤꯆꯔ ꯑꯁꯤ ꯈꯛꯇꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯐꯣꯔꯃꯁꯤꯡ ꯁꯦꯃꯒꯠꯀꯅꯤ, ꯗꯤꯄꯦꯟꯗꯦꯟꯁꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯇꯦꯛꯅꯤꯀꯦꯂꯒꯤ ꯁꯦꯟꯗꯣꯏ ꯍꯟꯊꯍꯅꯒꯅꯤ ꯍꯥꯌꯕꯁꯤꯗꯥ ꯑꯆꯧꯕꯥ ꯑꯍꯣꯡꯕꯥ ꯑꯃꯥ ꯂꯥꯛꯂꯤ꯫ ꯁ꯭ꯛꯔꯣꯜ ꯃꯥꯔꯀꯔꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯀꯦꯔꯣꯁꯤꯂꯒꯤ ꯁꯤꯕꯥ꯫ ꯀꯦꯔꯣꯁꯤꯜ ꯁꯦꯝꯕꯥ ꯑꯁꯤ ꯄꯨꯋꯥꯔꯤ ꯑꯣꯏꯅꯥ ꯗꯤꯕꯦꯂꯄꯔꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯥꯏꯟꯇꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯐ꯭ꯔꯤꯛꯁꯟ ꯄꯣꯏꯟꯇ ꯑꯃꯥ ꯑꯣꯏꯗꯨꯅꯥ ꯂꯥꯛꯂꯤ꯫ ꯀ꯭ꯂꯥꯏꯑꯦꯟꯇꯁꯤꯡꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯅꯨꯡꯁꯤꯖꯩ, ꯗꯤꯚꯦꯂꯄꯔꯁꯤꯡꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯃꯁꯨꯡ ꯄꯔꯐꯣꯔꯃꯦꯟꯁ ꯑꯣꯏꯍꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯂꯥꯡꯇꯛꯅꯩ꯫ ::scroll-marker ꯑꯃꯁꯨꯡ ::scroll-button() ꯄ꯭ꯁꯨꯗꯣ-ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯂꯥꯀꯄꯅꯥ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯑꯁꯤ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯍꯣꯡꯗꯣꯀꯏ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯐꯤꯆꯔꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯁ꯭ꯛꯔꯣꯜ ꯀꯟꯇꯦꯅꯔꯒꯥ ꯅꯦꯇꯤꯕ ꯑꯣꯏꯅꯥ ꯂꯤꯉ꯭ꯛ ꯇꯧꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯗꯣꯠ ꯑꯃꯁꯨꯡ ꯁ꯭ꯛꯔꯣꯜ ꯕꯇꯅꯁꯤꯡ ꯁꯦꯝꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫ ꯑꯩꯒꯤ ꯕ꯭ꯂꯣꯒꯇꯥ ꯏꯔꯀꯄꯒꯨꯝ, ꯃꯁꯤ ꯑꯍꯥꯅꯕꯥ ꯁ꯭ꯂꯥꯏꯗꯇꯥ ꯂꯚ ꯑꯣꯏꯈꯤ꯫ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯂꯥꯏꯟ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯎꯗꯅꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯥ ꯉꯝꯕꯥ, ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯁ꯭ꯂꯥꯏꯗꯔ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯉꯝꯕꯥ ꯑꯁꯤ ꯁꯨꯞꯅꯒꯤ ꯈꯨꯗꯣꯡꯆꯥꯕꯥ ꯈꯛꯇꯃꯛ ꯅꯠꯇꯦ; ꯃꯁꯤ ꯄꯔꯐꯣꯃꯦꯟꯁꯀꯤꯗꯃꯛꯇꯥ ꯃꯥꯏꯄꯥꯀꯄꯥ ꯑꯃꯅꯤ꯫ ꯐꯤꯆꯔ ꯑꯁꯤꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯑꯦꯛꯁꯦꯁꯤꯕꯤꯂꯤꯇꯤꯒꯤ ꯋꯥꯐꯝ ꯈꯔꯥ ꯂꯩꯔꯤ, ꯑꯃꯁꯨꯡ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯆꯠꯅꯕꯥ ꯌꯥꯕꯥ ꯑꯣꯏꯔꯕꯁꯨ, ꯑꯩꯈꯣꯌ ꯗꯤꯕꯦꯂꯄꯔꯁꯤꯡꯅꯥ ꯃꯁꯤꯕꯨ ꯊꯕꯛ ꯑꯣꯏꯅꯥ ꯄꯥꯡꯊꯣꯛꯅꯕꯥ ꯄꯥꯝꯕꯩ ꯑꯃꯥ ꯂꯩꯕꯥ ꯌꯥꯏ꯫ ꯑꯐꯕꯥ ꯋꯥꯐꯃꯗꯤ, ꯌꯨ.ꯑꯥꯏ. ꯍꯧꯖꯤꯛꯇꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯥꯔꯀꯔꯁꯤꯡ ꯑꯁꯤ ꯁ꯭ꯛꯔꯣꯜ-ꯃꯥꯔꯀꯔ-ꯒ꯭ꯔꯨꯞ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯒ꯭ꯔꯨꯞ ꯇꯧꯕꯥ ꯌꯥꯔꯦ ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯅꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯃꯐꯃꯗꯥ ꯇꯁꯦꯡꯅꯥ ꯊꯝꯅꯕꯥ ꯑꯦꯉ꯭ꯀꯔ ꯄꯣꯖꯤꯁꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕꯇꯅꯁꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯌꯥꯔꯦ꯫
.ꯀꯦꯔꯣꯁꯤꯜ { . ꯑꯣꯚꯔꯐ꯭ꯂꯣ-ꯑꯦꯛꯁ: ꯑꯣꯇꯣ; ꯁ꯭ꯛꯔꯣꯜ-ꯃꯥꯔꯀꯔ-ꯒ꯭ꯔꯨꯞ: ꯃꯇꯨꯡꯗꯥ; /* ꯗꯣꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯀꯟꯇꯦꯅꯔ ꯁꯦꯝꯃꯤ */
/* ꯕꯇꯅꯁꯤꯡ ꯁꯦꯝꯃꯨ */ &::ꯁ꯭ꯛꯔꯣꯜ-ꯕꯇꯟ(ꯏꯅꯂꯥꯏꯟ-ꯑꯦꯟꯗ),&::ꯁ꯭ꯛꯔꯣꯜ-ꯕꯇꯟ(ꯏꯅꯂꯥꯏꯟ-ꯁ꯭ꯇꯥꯔꯠ) { ꯀꯟꯇꯦꯟꯇ: " "; ꯄꯣꯖꯤꯁꯟ: ꯑꯦꯕꯁꯣꯜꯌꯨꯇꯦꯗ; /* ꯃꯈꯣꯌꯕꯨ ꯁꯦꯟꯇꯔ ꯇꯧꯅꯕꯥ ꯑꯦꯉ꯭ꯀꯔ ꯄꯣꯖꯤꯁꯟ ꯁꯤꯖꯤꯟꯅꯧ */ ꯄꯣꯖꯤꯁꯟ-ꯑꯦꯉ꯭ꯀꯔ: --ꯀꯦꯔꯣꯁꯤꯜ; ꯃꯊꯛꯇꯥ: ꯑꯦꯉ꯭ꯀꯔ(ꯁꯦꯟꯇꯔ); }
/* ꯑꯉꯥꯡꯁꯤꯡꯗꯥ ꯃꯥꯔꯀꯔꯁꯤꯡ ꯁꯦꯝꯃꯨ */ div { &::ꯁ꯭ꯛꯔꯣꯜ-ꯃꯥꯔꯀꯔ ꯇꯧꯕꯥ { ꯀꯟꯇꯦꯟꯇ: " "; ꯄꯥꯛ ꯆꯥꯎꯕꯥ: ꯲꯴px; ꯉꯃꯈꯩ-ꯔꯦꯗꯤꯌꯁ: ꯵꯰%; ꯀꯔꯁꯔ: ꯄꯣꯏꯟꯇꯔ; } /* ꯑꯦꯛꯇꯤꯕ ꯃꯥꯔꯀꯔ ꯍꯥꯏꯂꯥꯏꯠ ꯇꯧꯕꯥ */ &::ꯁ꯭ꯛꯔꯣꯜ-ꯃꯥꯔꯀꯔ:ꯇꯥꯔꯒꯦꯠ-ꯀꯔꯦꯟꯇ { ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ: ꯑꯉꯧꯕꯥ; } } }
ꯗꯦꯃꯣ: HTML ꯑꯃꯁꯨꯡ CSSꯗꯒꯤ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯃꯥ ꯁꯦꯝꯕꯒꯤ ꯑꯩꯒꯤ ꯑꯦꯛꯁꯄꯔꯤꯃꯦꯟꯇ, ꯕꯇꯅꯁꯤꯡ ꯊꯝꯅꯕꯥ ꯑꯦꯉ꯭ꯀꯔ ꯄꯣꯖꯤꯁꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫
utilitybend ꯅꯥ ꯄꯦꯟ ꯀꯦꯔꯣꯁꯦꯜ ꯄ꯭ꯌꯨꯔ HTML ꯑꯃꯁꯨꯡ CSS [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯗꯦꯃꯣ: ꯃꯥꯔꯀꯔꯁꯤꯡꯗꯥ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯏꯃꯦꯖꯁꯤꯡ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯑꯣꯏꯅꯥ ꯄꯨꯊꯣꯛꯅꯕꯥ attr() ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯋꯦꯕꯁꯣꯞ ꯁ꯭ꯂꯤꯛ ꯁ꯭ꯂꯥꯏꯗꯔ ꯔꯤꯃꯦꯛ ꯑꯃꯥ꯫
ꯌꯨꯇꯤꯂꯤꯇꯤꯕꯦꯟꯗꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ [ꯐꯣꯔꯛ ꯇꯧꯔꯕꯥ] ꯄꯦꯟ ꯋꯦꯕꯁꯣꯞ ꯁ꯭ꯂꯤꯛ ꯁ꯭ꯂꯥꯏꯗꯔ ꯔꯤꯃꯦꯛ ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯔꯥꯖ꯭ꯌꯒꯤ ꯋꯥꯍꯪꯁꯤꯡ: ꯁ꯭ꯇꯤꯀꯤ ꯊꯤꯡ ꯁ꯭ꯇꯛ? ꯁ꯭ꯅꯦꯄꯤ ꯊꯤꯡ ꯁ꯭ꯅꯦꯞ ꯇꯧꯈꯤꯕꯔꯥ? ꯃꯇꯝ ꯁꯥꯡꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯏꯟꯇꯔꯁꯦꯛꯁꯅꯑꯣꯕꯖꯥꯔꯚꯔ ꯍꯦꯀꯁꯤꯡꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯃꯗꯅꯥ “ꯁ꯭ꯇꯤꯛ ꯄꯣꯠ ꯑꯃꯥ ꯊꯨꯒꯥꯏꯔꯦ” ꯅꯠꯠꯔꯒꯥ “ꯁ꯭ꯅꯦꯞ ꯑꯥꯏꯇꯦꯝ ꯑꯃꯥ ꯁ꯭ꯅꯦꯞ ꯇꯧꯔꯦ” ꯍꯥꯌꯕꯥ ꯈꯉꯕꯥ ꯉꯝꯕꯒꯤ ꯁꯛꯇꯤ ꯂꯩꯈꯤꯗꯦ꯫ ꯀ꯭ꯔꯣꯝ ꯱꯳꯳ꯅꯥ ꯁ꯭ꯛꯔꯣꯜ-ꯁ꯭ꯇꯦꯠ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ ꯍꯧꯗꯣꯀꯈꯤ, ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯔꯥꯖ꯭ꯌꯁꯤꯡ ꯑꯁꯤ ꯗꯤꯛꯂꯥꯔꯦꯇꯤꯕ ꯑꯣꯏꯅꯥ ꯀ꯭ꯕꯦꯔꯤ ꯇꯧꯕꯥ ꯌꯥꯍꯅꯈꯤ꯫ ꯀꯟꯇꯦꯅꯔ-ꯇꯥꯏꯞ: ꯁ꯭ꯛꯔꯣꯜ-ꯁ꯭ꯇꯦꯠ ꯁꯦꯠ ꯇꯧꯗꯨꯅꯥ, ꯍꯧꯖꯤꯛꯇꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯉꯥꯡꯁꯤꯡꯕꯨ ꯃꯈꯣꯌꯅꯥ ꯊꯨꯒꯥꯌꯕꯥ, ꯁ꯭ꯅꯦꯞ ꯇꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯣꯚꯔꯐ꯭ꯂꯣ ꯇꯧꯕꯥ ꯌꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯌꯥꯔꯦ꯫ ꯃꯁꯤ ꯑꯩꯍꯥꯛꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯅꯨꯃꯤꯠ ꯲꯰꯲꯳ꯗꯒꯤ ꯍꯧꯅꯥ ꯌꯥꯝꯅꯥ ꯊꯋꯥꯏ ꯌꯥꯑꯣꯅꯥ ꯉꯥꯏꯗꯨꯅꯥ ꯂꯥꯛꯂꯤꯕꯥ ꯑꯆꯧꯕꯥ “ꯀ꯭ꯕꯥꯂꯤꯇꯤ ꯑꯣꯐ ꯂꯥꯏꯐ” ꯑꯍꯣꯡꯕꯥ ꯑꯃꯅꯤ, ꯃꯁꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯁ꯭ꯛꯔꯣꯜ ꯑꯁꯤꯒꯤ ꯃꯥꯏꯀꯩꯁꯨ ꯎꯕꯥ ꯐꯪꯕꯗꯒꯤ ꯌꯥꯝꯅꯥ ꯍꯦꯟꯅꯥ ꯆꯥꯎꯈꯠꯂꯀꯈꯤ, ꯅꯨꯡꯁꯤꯖꯔꯕꯥ! ꯏꯆꯝ ꯆꯝꯕꯥ ꯈꯨꯗꯝ ꯑꯃꯒꯤꯗꯃꯛ: ꯑꯩꯈꯣꯌꯅꯥ ꯑꯔꯣꯏꯕꯗꯥ ꯍꯦꯗꯔ ꯑꯃꯗꯥ ꯁꯦꯗꯣꯡ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯏ ꯃꯗꯨꯗꯤ ꯃꯁꯤ ꯇꯁꯦꯡꯅꯥ ꯚꯤꯎꯄꯣꯔꯇꯀꯤ ꯃꯊꯛꯇꯥ ꯂꯦꯞꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯈꯛꯇꯗꯥ: .ꯍꯦꯗꯔ-ꯀꯟꯇꯦꯅꯔ { . ꯀꯟꯇꯦꯅꯔ-ꯇꯥꯏꯞ: ꯁ꯭ꯛꯔꯣꯜ-ꯁ꯭ꯇꯦꯠ; ꯄꯣꯖꯤꯁꯟ: ꯂꯦꯡ-ꯑꯣꯠꯄꯥ; ꯃꯊꯛꯇꯥ: ꯰;
ꯍꯦꯗ { ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ: ꯕꯣꯛꯁ-ꯁꯦꯗꯣꯡ ꯰.꯵ꯑꯦꯁ ꯏꯖ-ꯑꯥꯎꯠ; /* ꯀ꯭ꯕꯦꯔꯤꯅꯥ ꯀꯟꯇꯦꯅꯔꯒꯤ ꯐꯤꯚꯝ ꯑꯗꯨ ꯆꯦꯛ ꯇꯧꯏ */ @ꯀꯟꯇꯦꯅꯔ ꯁ꯭ꯛꯔꯣꯜ-ꯁ꯭ꯇꯦꯠ(ꯁ꯭ꯇꯛ: ꯃꯊꯛꯇꯥ) { ꯕꯣꯛꯁ-ꯁꯦꯗꯣꯡ: rgba(0, 0, 0, 0.6) 0px 12px 28px 0px; } } }
ꯗꯦꯃꯣ: ꯇꯁꯦꯡꯅꯥ ꯊꯨꯒꯥꯌꯕꯥ ꯃꯇꯃꯗꯥ ꯈꯛꯇꯗꯥ ꯁꯦꯟꯗꯣꯡ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯁ꯭ꯇꯤꯛ ꯍꯦꯗꯔ ꯑꯃꯅꯤ꯫
ꯁ꯭ꯛꯔꯣꯜ-ꯁ꯭ꯇꯦꯠ ꯀ꯭ꯕꯦꯔꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯦꯟ ꯁ꯭ꯇꯤꯀꯤ ꯍꯦꯗꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ, ꯁ꯭ꯇꯤꯀꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯌꯨꯇꯤꯂꯤꯇꯤꯕꯦꯟꯗꯅꯥ ꯁ꯭ꯇꯛ [ꯐꯣꯔꯛ] ꯇꯧꯔꯕ꯭ꯔꯥ ꯍꯥꯌꯕꯗꯨ ꯆꯦꯛ ꯇꯧ꯫
ꯗꯦꯃꯣ: ꯍꯧꯖꯤꯛ ꯁ꯭ꯅꯦꯞ ꯇꯧꯔꯕꯥ ꯀꯦꯔꯦꯛꯇꯔꯒꯤ ꯃꯊꯛꯇꯥ ꯐ꯭ꯔꯦꯝ ꯑꯃꯥ ꯆꯠꯊꯣꯛ-ꯆꯠꯁꯤꯟ ꯇꯧꯅꯕꯥ ꯑꯦꯉ꯭ꯀꯔ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯕꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯛꯔꯣꯜ-ꯁ꯭ꯇꯦꯠ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯄꯣꯀꯦꯃꯟ-ꯊꯤꯝ ꯂꯤꯁ꯭ꯠ ꯑꯃꯅꯤ꯫
ꯌꯨꯇꯤꯂꯤꯇꯤꯕꯦꯟꯗꯅꯥ CSS, ꯄꯣꯀꯦꯃꯟ ꯚꯔꯁꯟ [ꯐꯣꯔꯛ ꯇꯧꯔꯕꯥ]ꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯔꯝꯕꯥ ꯑꯥꯏꯇꯦꯝ ꯁ꯭ꯅꯦꯞ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯆꯦꯛ ꯇꯧꯅꯕꯥ ꯄꯦꯟ ꯁ꯭ꯛꯔꯣꯜ-ꯁ꯭ꯇꯦꯠ ꯀ꯭ꯕꯦꯔꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯑꯣꯞꯇꯤꯃꯥꯏꯖ ꯇꯧꯔꯕꯥ ꯑꯦꯔꯒꯣꯅꯣꯃꯤꯛꯁ: ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯂꯣꯖꯤꯛ꯫ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯔꯦꯄꯗꯀꯤ “ꯑꯣꯞꯇꯤꯃꯥꯏꯖꯗ ꯑꯦꯔꯒꯣꯅꯣꯃꯤꯛꯁ” ꯁꯦꯛꯁꯟ ꯑꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯋꯥꯔꯀꯐ꯭ꯂꯣꯁꯤꯡꯕꯨ ꯍꯦꯟꯅꯥ ꯏꯅꯠꯌꯨꯇꯤꯕ ꯑꯣꯏꯍꯜꯂꯤꯕꯥ ꯐꯤꯆꯔꯁꯤꯡ ꯐꯣꯡꯗꯣꯛꯂꯤ꯫ Three features stand out as transformative for how we write logic:
if() Statementsꯑꯩꯈꯣꯌꯅꯥ ꯑꯔꯣꯏꯕꯗꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯀꯟꯗꯤꯁꯅꯁꯤꯡ ꯐꯪꯂꯤ꯫ if() ꯐꯉ꯭ꯀꯁꯟ ꯑꯁꯤꯅꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯇꯔꯅꯦꯔꯤ ꯑꯣꯄꯔꯦꯇꯔ ꯑꯃꯒꯨꯝꯅꯥ ꯊꯕꯛ ꯇꯧꯏ, ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯃꯤꯗꯤꯌꯥ, ꯁꯄꯣꯔꯠ, ꯅꯠꯠꯔꯒꯥ ꯁ꯭ꯇꯥꯏꯜ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯏꯅꯂꯥꯏꯟꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫ ꯃꯁꯤꯅꯥ ꯁꯤꯉ꯭ꯒꯜ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯍꯣꯡꯗꯣꯛꯅꯕꯒꯤꯗꯃꯛ ꯕꯔꯕꯣꯁ @ꯃꯤꯗꯤꯌꯥ ꯕ꯭ꯂꯣꯀꯁꯤꯡꯒꯤ ꯃꯊꯧ ꯇꯥꯕꯥ ꯍꯟꯊꯍꯜꯂꯤ꯫ @function functionsꯑꯩꯈꯣꯌꯅꯥ ꯑꯔꯣꯏꯕꯗꯥ ꯂꯣꯖꯤꯛ ꯈꯔꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯃꯐꯝ ꯑꯃꯗꯥ ꯂꯧꯊꯣꯀꯄꯥ ꯌꯥꯏ, ꯃꯁꯤꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯍꯦꯟꯅꯥ ꯁꯦꯡꯂꯕꯥ ꯐꯥꯏꯜ ꯈꯔꯥ, ꯇꯁꯦꯡꯕꯥ ꯀ꯭ꯕꯥꯂꯤꯇꯤ ꯑꯣꯐ ꯂꯥꯏꯐ ꯐꯤꯆꯔ ꯑꯃꯥ ꯊꯣꯀꯍꯜꯂꯤ꯫ sibling-index() ꯑꯃꯁꯨꯡ sibling-count()ꯃꯁꯤꯒꯤ ꯇ꯭ꯔꯤ-ꯀꯥꯎꯟꯇ ꯐꯉ꯭ꯀꯁꯅꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯂꯤꯁ꯭ꯠ ꯁꯥꯏꯖꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯁ꯭ꯇꯦꯒꯔꯤꯡ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯒꯤ ꯋꯥꯐꯝ ꯑꯁꯤ ꯀꯣꯀꯍꯜꯂꯤ꯫ ꯑꯩꯅꯥ CSSꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯁꯤꯕꯂꯤꯡꯗꯥ ꯑꯦꯛꯁꯞꯂꯣꯔ ꯇꯧꯈꯤꯕꯒꯨꯝꯅꯥ, ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ HTMLꯗꯥ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ( --index: 1ꯒꯨꯝꯕꯥ) ꯍꯥꯔꯗ-ꯀꯣꯗ ꯇꯧꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯕꯥ ꯑꯗꯨ ꯀꯣꯀꯍꯜꯂꯤ꯫
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: ꯂꯦꯑꯥꯎꯇꯁꯤꯡ ꯂꯦꯄꯊꯣꯀꯄꯥ꯫ ꯍꯧꯖꯤꯛ ꯑꯩꯈꯣꯌꯅꯥ ꯊꯣꯏꯗꯣꯛ ꯍꯦꯟꯗꯣꯀꯄꯥ ꯃꯦꯊꯃꯦꯇꯤꯀꯦꯜ ꯐꯣꯔꯃꯨꯂꯥ ꯏꯕꯥ ꯉꯝꯂꯦ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯁ꯭ꯛꯔꯤꯟꯗꯥ ꯆꯪꯂꯀꯄꯥ ꯀꯥꯔꯗꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯦꯅꯤꯃꯦꯁꯟ ꯑꯃꯥ ꯁ꯭ꯇꯦꯒꯔ ꯇꯧꯕꯥ ꯑꯁꯤ ꯇ꯭ꯔꯤꯕꯤꯌꯥꯜ ꯑꯣꯏꯔꯀꯏ: .ꯀꯥꯔꯗ-ꯀꯟꯇꯦꯅꯔ > * { . ꯑꯦꯅꯤꯃꯦꯁꯟ: ꯰.꯶ꯑꯦꯁ ꯏꯖ-ꯑꯥꯎꯠ ꯐꯣꯔꯋꯥꯔꯗꯁꯤꯡ ꯐꯣꯡꯗꯣꯀꯄꯥ; /* ꯃꯈꯥ ꯇꯥꯅꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯕꯥ --ꯏꯟꯗꯦꯛꯁ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ! */ ꯑꯦꯅꯤꯃꯦꯁꯟ-ꯗꯦꯂꯤ: calc(ꯁꯤꯕꯂꯤꯡ-ꯏꯟꯗꯦꯛꯁ() * 0.1s); }
ꯑꯩꯍꯥꯛꯅꯥ ꯇ꯭ꯔꯥꯏꯒꯣꯅꯣꯃꯦꯠꯔꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯐꯉ꯭ꯀꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯑꯁꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯃꯠꯇꯥ ꯌꯥꯑꯣꯗꯅꯥ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯁꯔꯀꯜ ꯑꯃꯗꯥ ꯊꯝꯅꯕꯥ ꯐꯥꯑꯣꯕꯥ ꯑꯦꯛꯁꯄꯔꯤꯃꯦꯟꯇ ꯇꯧꯈꯤ꯫
ꯗꯦꯃꯣ: ꯗꯥꯏꯅꯥꯃꯤꯛ ꯑꯣꯏꯅꯥ ꯀꯥꯔꯗ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡ ꯁ꯭ꯇꯦꯒꯔꯤꯡ ꯇꯧꯕꯥ꯫
utilitybendꯅꯥ sibling-index() [forked] ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯄꯦꯟ ꯁ꯭ꯇꯦꯒꯔ ꯀꯥꯔꯗꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯗꯦꯃꯣ: ꯁꯤꯕꯂꯤꯡ-ꯏꯟꯗꯦꯛꯁ, ꯁꯤꯕꯂꯤꯡ-ꯀꯥꯎꯟꯇ, ꯑꯃꯁꯨꯡ ꯑꯅꯧꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.@ꯐꯉ꯭ꯀꯁꯟ ꯐꯤꯆꯔ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯁꯔꯀꯜ ꯑꯃꯗꯥ ꯊꯝꯕꯥ꯫
ꯄꯦꯟ ꯌꯦꯡꯕꯤꯌꯨ ꯁꯤꯕꯂꯤꯡ-ꯏꯟꯗꯦꯛꯁ, ꯁꯤꯕꯂꯤꯡ-ꯀꯥꯎꯟꯇ ꯑꯃꯁꯨꯡ ꯌꯨꯇꯤꯂꯤꯇꯤꯕꯦꯟꯗꯅꯥ [ꯐꯣꯔꯛ ꯇꯧꯔꯕꯥ] ꯐꯉ꯭ꯀꯁꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯁꯔꯀꯜ꯫ ꯑꯩꯒꯤ CSS ꯇꯨ-ꯗꯨ ꯂꯤꯁ꯭ꯠ: ꯑꯩꯅꯥ ꯍꯣꯠꯅꯕꯗꯥ ꯉꯥꯏꯔꯤꯕꯥ ꯐꯤꯆꯔꯁꯤꯡ꯫ ꯑꯩꯍꯥꯛꯅꯥ ꯈꯅꯒꯠꯂꯕꯥ ꯑꯃꯁꯨꯡ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯗꯥ ꯊꯋꯥꯏ ꯌꯥꯑꯣꯅꯥ ꯂꯩꯔꯤꯉꯩꯗꯥ, “ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯔꯦꯞꯗ ꯲꯰꯲꯵” ꯔꯤꯄꯣꯔꯠ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯒꯨꯗꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯜꯂꯕꯥ ꯑꯃꯅꯤ ꯃꯗꯨꯗꯤ ꯑꯩꯍꯥꯛꯅꯥ ꯍꯧꯖꯤꯛ ꯐꯥꯑꯣꯕꯥ ꯀꯣꯗꯄꯦꯟꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯕꯒꯤ ꯈꯨꯗꯣꯡꯆꯥꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫ ꯑꯩꯒꯤ ꯃꯊꯪꯒꯤ ꯑꯦꯛꯁꯄꯔꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯩꯒꯤ ꯂꯤꯁ꯭ꯇꯇꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯋꯥꯡꯏ: ꯑꯦꯉ꯭ꯀꯔ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯅꯔ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ꯫ ꯑꯩꯒꯤ ꯀꯦꯔꯣꯁꯤꯜ ꯗꯦꯃꯣꯗꯥ ꯂꯩꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯩꯅꯥ CSS ꯑꯦꯉ꯭ꯀꯔ ꯄꯣꯖꯤꯁꯟ ꯁꯤꯖꯤꯟꯅꯈꯤ, ꯑꯗꯨꯕꯨ “CSS Wrapped”ꯅꯥ ꯑꯦꯟꯃꯁꯤꯒꯤ ꯏꯚꯣꯂꯨꯁꯟ: ꯑꯦꯉ꯭ꯀꯔ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯅꯔ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ꯫ ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌ ꯄꯨꯝꯅꯃꯛꯅꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯦꯡꯅꯈꯤꯕꯥ ꯁꯃꯁ꯭ꯌꯥ ꯑꯃꯥ ꯀꯣꯀꯍꯜꯂꯤ: ꯀꯔꯤꯒꯨꯝꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯁ꯭ꯄꯦꯁꯀꯤ ꯑꯋꯥꯠꯄꯥ ꯂꯩꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯗꯨ ꯃꯊꯛꯇꯒꯤ ꯃꯈꯥꯗꯥ ꯐ꯭ꯂꯤꯞ ꯇꯧꯔꯕꯗꯤ, “ꯑꯦꯔꯣ” ꯑꯁꯤ ꯑꯌꯥꯝꯕꯅꯥ ꯑꯔꯥꯅꯕꯥ ꯂꯝꯕꯤꯗꯥ ꯇꯥꯀꯄꯤꯗꯨꯅꯥ ꯂꯩ꯫ ꯑꯦꯉ꯭ꯀꯔ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯅꯔ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ (@container anchored(fallback: flip-block)), ꯑꯩꯈꯣꯌꯅꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯇꯁꯦꯡꯅꯥ ꯈꯅꯈꯤꯕꯥ ꯐꯣꯂꯕꯦꯛ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯔꯒꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯅꯦꯁ꯭ꯇꯦꯗ ꯚꯤꯎ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ꯫ ꯚꯤꯎ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯔꯤꯚꯣꯂꯨꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯗꯨꯅꯥ ꯂꯥꯛꯂꯤ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌ ꯑꯁꯤ ꯑꯀꯛꯅꯕꯥ ꯇ꯭ꯔꯦꯗ-ꯑꯣꯐ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯈꯤ: ꯃꯈꯣꯌꯅꯥ ꯏꯂꯤꯃꯦꯟꯇ ꯇ꯭ꯔꯤ ꯑꯁꯤ ꯐ꯭ꯂꯦꯠ ꯇꯧꯈꯤ, ꯃꯁꯤꯅꯥ ꯑꯌꯥꯝꯕꯅꯥ ꯳ꯗꯤ ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯃꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯣꯚꯔꯐ꯭ꯂꯣꯁꯤꯡ ꯊꯨꯒꯥꯏꯈꯤ: ꯀ꯭ꯂꯤꯞ꯫ ꯑꯩꯍꯥꯛꯅꯥ ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯃꯁꯤꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯋꯥꯠꯂꯤ ꯍꯥꯌꯕꯒꯤ ꯋꯥꯈꯜꯂꯣꯟ ꯑꯃꯥ ꯂꯩꯔꯝꯃꯤ, ꯑꯃꯁꯨꯡ ꯃꯁꯤꯅꯥ ꯄꯥꯎꯈꯨꯝ ꯈꯛꯇꯃꯛ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫ ꯚꯤꯎ-ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ-ꯒ꯭ꯔꯨꯞ: ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯀꯄꯥ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯔꯣꯏꯕꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯃꯒꯥ ꯑꯃꯒꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯅꯦꯁ꯭ꯠ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯀ꯭ꯂꯤꯄꯤꯡ ꯏꯐꯦꯛꯇ ꯅꯠꯠꯔꯒꯥ ꯳ꯗꯤ ꯔꯣꯇꯦꯁꯅꯁꯤꯡ ꯊꯝꯕꯥ ꯌꯥꯍꯜꯂꯤ — ꯃꯃꯥꯡꯗꯥ ꯑꯣꯏꯊꯣꯀꯄꯥ ꯉꯃꯗꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯅꯤ ꯃꯔꯃꯗꯤ ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯃꯊꯛꯀꯤ ꯊꯥꯛ ꯐꯥꯑꯣꯕꯥ ꯋꯥꯡꯈꯠꯂꯝꯃꯤ꯫ .ꯀꯥꯔꯗ ꯏꯝꯒ { ꯚꯤꯎ-ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ-ꯃꯃꯤꯡ: ꯐꯣꯇꯣ; ꯚꯤꯎ-ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ-ꯒ꯭ꯔꯨꯞ: ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯀꯄꯥ; /* ꯃꯁꯤ ꯅꯦꯁ꯭ꯠ ꯇꯧꯗꯨꯅꯥ ꯊꯝꯃꯨ! */ }
ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ ꯑꯃꯁꯨꯡ ꯁꯦꯄꯁꯤꯡ꯫ ꯑꯔꯣꯏꯕꯗꯥ, ꯑꯩꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯑꯦꯔꯒꯣꯅꯣꯃꯤꯁ꯭ꯠ ꯑꯁꯤꯅꯥ ꯇꯦꯛꯁ ꯕꯣꯛꯁ ꯇ꯭ꯔꯤꯝ ꯍꯣꯠꯅꯕꯗꯥ ꯏꯆꯝ ꯆꯝꯅꯥ ꯂꯩꯔꯤ, ꯃꯁꯤꯅꯥ ꯑꯔꯣꯏꯕꯗꯥ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯑꯃꯥ ꯐꯪꯅꯕꯥ ꯇꯦꯛꯁ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯃꯊꯛꯇꯥ ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ ꯑꯗꯨꯒꯨꯝꯕꯥ ꯅꯨꯡꯉꯥꯏꯇꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯋꯥꯏꯇꯦꯞ (ꯂꯤꯗꯤꯡ) ꯑꯗꯨ ꯂꯧꯊꯣꯛꯀꯅꯤ ꯍꯥꯌꯅꯥ ꯋꯥꯁꯀꯄꯤꯔꯤ꯫ ꯑꯃꯁꯨꯡ ꯀ꯭ꯔꯤꯌꯦꯇꯤꯕ ꯁꯥꯏꯗꯀꯤ ꯑꯣꯏꯅꯗꯤ, ꯀꯣꯔꯅꯔ-ꯁꯦꯞ ꯑꯃꯁꯨꯡ ꯁꯦꯞ() ꯐꯉ꯭ꯀꯁꯟ ꯑꯁꯤꯅꯥ ꯅꯟ-ꯔꯦꯛꯇꯟꯖꯦꯜ ꯂꯦꯑꯥꯎꯇꯁꯤꯡ ꯍꯥꯡꯗꯣꯛꯂꯤ, ꯃꯁꯤꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯗꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁ ꯇꯧꯕꯥ “ꯁ꯭ꯛꯕꯥꯔꯤꯀꯜ” ꯑꯃꯁꯨꯡ ꯀꯝꯞꯂꯦꯛꯁ ꯄꯥꯊꯁꯤꯡ ꯑꯌꯥꯕꯥ ꯄꯤꯔꯤ꯫ ꯍꯥꯌꯕꯗꯤ, ꯑꯩꯅꯥ ꯋꯥꯈꯜ ꯋꯥꯕꯥ ꯃꯤꯑꯣꯏꯁꯤꯡꯅꯥ ꯊꯜꯂꯕꯥ ꯗꯤꯖꯥꯏꯟ ꯑꯃꯥ ꯂꯩꯕꯥ ꯉꯃꯗꯦ! ꯑꯥꯁꯥ ꯂꯩꯕꯥ ꯇꯨꯡꯂꯃꯆꯠ ꯑꯃꯥ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯅꯥ ꯃꯃꯥꯡꯗꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯃꯅꯨꯡ ꯆꯅꯕꯥ ꯂꯣꯖꯤꯛ, ꯁ꯭ꯇꯦꯠ, ꯑꯃꯁꯨꯡ ꯀꯝꯞꯂꯦꯛꯁ ꯏꯟꯇꯔꯦꯛꯁꯅꯁꯤꯡ ꯍꯦꯟꯗꯜ ꯇꯧꯕꯥ ꯉꯝꯕꯥ ꯃꯥꯂꯦꯝ ꯑꯃꯥ ꯎꯕꯥ ꯐꯪꯂꯤ꯫ moveBefore (iframes/ꯚꯤꯗꯤꯑꯣꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ DOM ꯁ꯭ꯇꯦꯠ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯕꯥ) ꯑꯃꯁꯨꯡ attr() (ꯃꯆꯨ ꯑꯃꯁꯨꯡ ꯒ꯭ꯔꯤꯗꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁ꯭ꯠꯔꯤꯡꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯂꯩꯕꯥ ꯃꯈꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ)ꯒꯨꯝꯕꯥ ꯐꯤꯆꯔꯁꯤꯡꯅꯥ ꯔꯤꯑꯦꯂꯤꯇꯤ ꯑꯁꯤꯕꯨ ꯃꯈꯥ ꯇꯥꯅꯥ ꯁꯤꯃꯦꯟꯇ ꯇꯧꯏ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯐꯤꯆꯔ ꯈꯔꯗꯤ ꯍꯧꯖꯤꯛ ꯑꯦꯛꯁꯄꯤꯔꯤꯃꯦꯟꯇ ꯅꯠꯔꯒꯥ ꯀ꯭ꯔꯣꯃꯗꯥ ꯑꯀꯛꯅꯕꯥ ꯑꯣꯏꯔꯕꯁꯨ, ꯃꯣꯃꯦꯟꯇꯝ ꯑꯁꯤ ꯌꯥꯗꯕꯥ ꯌꯥꯗꯦ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯏꯟꯇꯔꯄꯒꯨꯝꯕꯥ ꯊꯧꯔꯥꯡꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯕ꯭ꯔꯥꯎꯖꯔ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯃꯈꯥ ꯇꯥꯅꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯒꯅꯤ ꯍꯥꯌꯅꯥ ꯑꯥꯁꯥ ꯇꯧꯒꯗꯕꯅꯤ ꯃꯗꯨꯅꯥ ꯀꯦꯄꯦꯕꯤꯂꯤꯇꯤꯁꯤꯡ ꯑꯁꯤ ꯕꯦꯖ ꯂꯥꯏꯟ ꯑꯣꯏꯍꯅꯕꯥ ꯉꯃꯒꯅꯤ꯫ ꯍꯥꯌꯕꯗꯤ, ꯕ꯭ꯔꯥꯎꯖꯔ ꯏꯟꯖꯤꯟ ꯂꯩꯕꯥ ꯑꯁꯤ “ꯀ꯭ꯔꯣꯝ ꯐꯥꯔꯁ꯭ꯠ”ꯗꯥ ꯑꯉꯀꯄꯥ ꯐꯤꯆꯔ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯂꯩꯕꯒꯨꯝꯅꯥ ꯃꯔꯨꯑꯣꯏ꯫ ꯑꯅꯧꯕꯥ ꯐꯤꯆꯔꯁꯤꯡ ꯑꯁꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯗꯥ ꯀꯩꯗꯧꯅꯨꯡꯗꯥ ꯂꯦꯟꯗ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯈꯟꯅ-ꯅꯩꯅꯕꯥ, ꯇꯤꯅꯀꯔ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯇꯦꯁ꯭ꯠ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯆꯪꯂꯀꯄꯥ ꯑꯁꯤ ꯑꯉꯀꯄꯥ ꯊꯧꯗꯣꯛ ꯑꯃꯅꯤ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯍꯧꯖꯤꯛ ꯗꯣꯀꯨꯃꯦꯟꯇꯁꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯈꯛꯇꯃꯛ ꯑꯣꯏꯗ꯭ꯔꯦ; ꯑꯩꯈꯣꯌꯅꯥ ꯍꯥꯟꯅꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯁꯛꯇꯤ ꯂꯩꯕꯥ ꯅꯦꯇꯤꯕ ꯇꯨꯂꯀꯤꯠ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯗꯥꯏꯅꯥꯃꯤꯛ, ꯑꯦꯔꯒꯣꯅꯣꯃꯤꯛ ꯑꯃꯁꯨꯡ ꯔꯣꯕꯁ꯭ꯠ ꯑꯦꯞꯂꯤꯀꯦꯁꯅꯁꯤꯡ ꯁꯦꯃꯒꯠꯂꯤ꯫ ꯑꯅꯧꯕꯥ ꯃꯇꯝ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯆꯠꯃꯤꯟꯅꯁꯤ ꯑꯃꯁꯨꯡ ꯋꯥꯐꯝ ꯑꯁꯤ ꯁꯟꯗꯣꯛꯂꯁꯤ꯫ ꯃꯁꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯔꯦꯞꯄꯅꯤ!
