CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/
ླ ৎΑΓྑ͍λΠϙάϥϑΟͷͨΊͷΒΕ͟Δ$44
View Slide
ΧʔχϯάʕɹάϦϑ͕શ֯෯ͷͱ͖ແޮʹʕɹάϦϑ͕ϓϩϙʔγϣφϧ෯ͷͱ͖༗ޮʹfont-kerning
font-kerning: auto; /* ϒϥβ͕ܾఆʢॳظʣ */font-kerning: normal; /* ΧʔχϯάΛద༻͢Δ */font-kerning: none; /* ΧʔχϯάΛద༻͠ͳ͍ */
font-kerning: normal;font-kerning: none;
body {font-kerning: none; /* ϖʔδશମͰແޮʹ */}:lang(en) {font-kerning: normal; /* ԤจͰ༗ޮʹ */}h1 {font-feature-settings: "palt" 1;font-kerning: normal;/* ϓϩϙʔγϣφϧϝτϦΫε͕༗ޮͳΒΧʔχϯά༗ޮʹ */}
font-feature-settings: normal;font-kerning: none;/* σϑΥϧτ */font-feature-settings: normal;font-kerning: normal;font-feature-settings: "palt" 1;font-kerning: none;font-feature-settings: "palt" 1;font-kerning: normal;
ͷͿΒԼ͛ʕɹेͳϚʔδϯΛ֬อ͢Δ͜ͱhanging-punctuation
hanging-punctuation: none; /* ͿΒԼ͛ͳ͠ʢॳظʣ */hanging-punctuation: first; /* ߦ಄Ҿ༻ූɾׅހ */hanging-punctuation: last; /* ߦҾ༻ූɾׅހ */hanging-punctuation: force-end; /* ߦ۟ಡΛڧ੍ */hanging-punctuation: allow-end; /* ߦ۟ಡΛڐ༰ */
hanging-punctuation: none;hanging-punctuation: allow-end;
ϋΠϑωʔγϣϯʕɹԤจͷίϯςϯπͰࣗಈϋΠϑωʔγϣϯʹʕɹlangଐੑʹΑΔݴޠͷࢦఆΛΕͣʹhyphens
hyphens: manual; /* ࢦఆͷҐஔͰϋΠϑωʔγϣϯʢॳظʣ */hyphens: auto; /* ϒϥβʔʹΑΔࣗಈϋΠϑωʔγϣϯ */hyphens: none; /* ϋΠϑωʔγϣϯ͠ͳ͍ */
hyphens: manual;hyphens: auto;
վߦنଇʢېଇʣʕɹϒϥβʹΑͬͯσϑΥϧτͷېଇ͕ҟͳΔline-break
line-break: auto; /* ϒϥβ͕ܾఆʢॳظʣ */line-break: anywhere; /* ېଇͳ͠ */line-break: loose; /* ऑ͍ېଇ */line-break: normal; /* ඪ४తͳېଇ */line-break: strict; /* ڧ͍ېଇ */
line-break: anywhere;line-break: loose;line-break: normal;line-break: strict;
০ઢͷଠ͞ԼઢͷҐஔʕɹϦϯΫͳͲͷԼઢͷελΠϧ੍͕ޚՄೳʹtext-decoration-thicknesstext-underline-offset
text-decoration-thickness: auto; /* ॳظ */text-decoration-thickness: 1px;text-decoration-thickness: 0.05em;text-underline-offset: auto; /* ॳظ */text-underline-offset: 2px;text-underline-offset: 0.125em;
text-decoration-thickness: auto;text-underline-offset: auto;text-decoration-thickness: 1px;text-underline-offset: 0.125em;
ݍʕɹेͳߦؒΛ֬อ͢Δ͜ͱʕɹϑΥʔϧόοΫͷελΠϧΛΕͣʹtext-emphasis
text-emphasis: none; /* ॳظ */text-emphasis: dot;text-emphasis: open sesame;text-emphasis: "ˎ";text-emphasis: "\25c6" #d70c19;
text-emphasis: dot;text-emphasis: open sesame;text-emphasis: "ˎ";text-emphasis: "\25c6" #d70c19;
em {font-style: normal;font-weight: bold; /* σϑΥϧτͰϘʔϧυͰ */}/* text-emphasisΛαϙʔτ͍ͯ͠ΔڥͰݍͰ */@supports (text-emphasis: dot) {em {font-weight: inherit;text-emphasis: dot;}}
ΑΓྑ͍λΠϙάϥϑΟͷͨΊͷΒΕ͟Δ$44݄ླৎUFSLFMKQϑΥϯτஜࢵΰγοΫ1SP#ʢϑΥϯτϫʔΫεʣ5IF4BOT.POP$POEFOTFEʢ-VDBT'POUTʣΞΠίϯ'POU"XFTPNFʢGPOUBXFTPNFDPNMJDFOTFʣ