CSS ã« 4 ã¤ã®æ–°ã—ã„国際化機能を導入  | Blog  | Chrome for DevelopersCSS Text Module Level 4 ã® 4 ã¤ã®æ–°ã—ã„国際 CSS 機能㌠Chrome ã«å°Žå…¥ã•ã‚Œã¾ã™ã€‚ã“ã®æŠ•ç¨¿ã§ã¯ã€ã™ã§ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„る機能ã¨ã€ã¾ã‚‚ãªãリリースã•ã‚Œã‚‹æ©Ÿèƒ½ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ Chrome 119 以é™: word-break: auto-phrase を使用ã—ã¦æ—¥æœ¬èªžã®ãƒ•ãƒ¬ãƒ¼ã‚ºã‚’改行。 Chrome 120 ã®ãƒ•ãƒ©ã‚°: text-autospace プãƒãƒ‘ティã«ã‚ˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト間ã®ã‚¹ãƒšãƒ¼ã‚¹ã€‚ 開発ä¸: text-spacing-trim プãƒãƒ‘ティを使用ã—ãŸä¸å›½èªžã€æ—¥æœ¬èªžã€éŸ“国語（CJK）ã®å¥èªç‚¹ã®ã‚±ãƒ¼ãƒ‹ãƒ³ã‚°ã€‚ 言語間ã§æœ€å°ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’統一ã™ã‚‹ã€‚ 日本語ã®ãƒ•ãƒ¬ãƒ¼ã‚ºã§ã®æ”¹è¡Œ: word-break: auto-phrase ã“ã®æ©Ÿèƒ½ã¯æ—¥æœ¬èªžã®èªã¿ã‚„ã™ã•ã‚’å‘上ã•ã›ã€Chrome 119 以é™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ä¸å›½èªžã‚„日本語ãªã©ã®æ±ã‚¢ã‚¸ã‚¢ã®è¨€èªžã§ã¯ã€å˜èªžã‚’
レスãƒãƒ³ã‚·ãƒ–対応ã™ã‚‹æ™‚ã«ã€ã©ã†ã—ã¦ã‚‚綺麗ã«è¦ç´ ãŒåŽã¾ã‚‰ãªã„時ã®ã»ã¼å®Œç’§ãªå¯¾å‡¦æ³•
ç°¡å˜ï¼CSSã§æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã®æ–‡å—間隔調整ã€font-feature-settings】 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
[CSS]æ–‡å—ã®åŠåˆ†ã§ç•°ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’指定ã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ -ã“ã†ã„ã†ã®ã‚’æ€ã„ã¤ã„ãŸæ™‚ã£ã¦çµ¶å¯¾æ¥½ã—ã„ï¼ | コリス![[CSS]æ–‡å—ã®åŠåˆ†ã§ç•°ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’指定ã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ -ã“ã†ã„ã†ã®ã‚’æ€ã„ã¤ã„ãŸæ™‚ã£ã¦çµ¶å¯¾æ¥½ã—ã„ï¼ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c7d78a76d41374af7d5df22544559e0a0efe8ac/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017032701.png)
ã€ã‚³ãƒ”ペOKï¼ã€‘ã‚ã£ã¡ã‚ƒç§˜å¯†ã«ã—ãŸã‹ã£ãŸã‘ã©CSSã§æ–‡å—を震ãˆã•ã›ã‚‹æ–¹æ³•ã‚’大公開ã™ã‚‹ã‚ˆï¼ - ã«ãƒ¼ã¨ã®ã‹ãŒã¿ã€‚
CSSを使ã£ã¦ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã‚’“æãâ€ã€€Webã®é€²åŒ–も見ãˆã‚‹ã€ŒCSS SANS〠- ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
å°ã•ãªå·¥å¤«ãŒå…‰ã‚‹ã€ãƒ†ã‚ストリンクã®Hoverアニメーションå‚考集 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
知ã£ã¦ãŠã„ã¦ã‚ˆã‹ã£ãŸï¼Web制作時ã«åŠ¹çŽ‡ä¸Šã’る「便利ã€ãªCSSテクニック - コムテブãƒã‚°
CSS3ã®ãƒ«ãƒ“機能を考ãˆã‚‹ - ã¡ãã¡ã日記
ãŸã£ãŸ1è¡Œï¼ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«å½¹ç«‹ã¤å°æŠ€8（サンプルã‚り） - Design Color
スマートフォンサイトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° Tips ã‚ã‚Œã“ã‚Œ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
知ã£ã¦ãŠãã¨é€Ÿã„ï¼CSS3ã«é–¢ã™ã‚‹ã€Œä¾¿åˆ©ã€ãªã¾ã¨ã‚
知らãªã„ã¨ã„ã¤ã¾ã§ãŸã£ã¦ã‚‚HTMLã¨CSSãŒç†è§£ã§ããªã„æš—é»™ã®ä»•æ§˜4ã¤
Retinaã§ã‚‚ボケãªã„「シンボルアイコンã€ã‚’使ã„ã“ãªãã†ï¼ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
{{#tags}}- {{label}}
{{/tags}}