HTMLElement: dir ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
HTMLElement.dir ããããã£ã¯ãç¾å¨ã®è¦ç´ ã®ã³ã³ãã³ãã®ããã¹ããæ¸ãæ¸åæ¹åãåå¾ã¾ãã¯è¨å®ãã¾ãã
è¦ç´ ã®ããã¹ããæ¸ãæ¸åæ¹å (text writing directionality) ã¯ãããã¹ããåããæ¹åã§ãï¼æ§ã ãªè¨èªä½ç³»ã«å¯¾å¿ããããï¼ãã¢ã©ãã¢èªã¨ããã©ã¤èªã¯ã RTL æ¸åæ¹åã使ç¨ããå ¸åçãªè¨èªã§ãã
ç»åã® dir ããããã£ã "rtl" ã«è¨å®ã§ãã¾ãã ãã®å ´åã HTML 屿§ã® title 㨠alt ã¯ã "rtl" ã¨ãã¦ãã©ã¼ããããããå®ç¾©ããã¾ãã
表㮠dir ã "rtl" ã«è¨å®ããã¦ããå ´åãåã®é åºã¯å³ããå·¦ã«é
ç½®ããã¾ãã
è¦ç´ ã® dir ã "auto" ã«è¨å®ããã¦ããå ´åãè¦ç´ ã®æ¹åã¯ãæåã®å¼·ãæ¸åæ¹åæå (strong directionality character)ãã¾ãã¯æ¢å®ã§ã¯è¦ªè¦ç´ ã®æ¸åæ¹åã«åºã¥ãã¦æ±ºå®ããã¾ãã
ã¡ã¢:
ãã©ã¦ã¶ã¼ã¯ãã³ã³ãã³ãã®ä½æãæ¯æ´ããããã«ãã¦ã¼ã¶ã¼ã <input> 㨠<textarea> ã®æ¸åæ¹åã夿´ãããã¨ã許å¯ããå ´åãããã¾ãã Chrome 㨠Safari ã¯å
¥åãã£ã¼ã«ãã®ã³ã³ããã¹ãã¡ãã¥ã¼ã§æ¸åæ¹åã®ãªãã·ã§ã³ãæä¾ãã¦ããã Chromium ã«ãªãåã® Edge 㯠Ctrl + å·¦ Shift 㨠Ctrl + å³ Shift ã®ãã¼ãã¤ã³ãã使ç¨ãã¦ãã¾ãã Firefox 㯠Ctrl/Cmd + Shift + X ã使ç¨ãã¾ããã dir 屿§ã®å¤ã¯æ´æ°ãã¾ããã
å¤
以ä¸ã®ãã¡ã®ä½ããã§ãã
ltr: å·¦æ¸ãï¼å·¦ããå³ã¸ï¼rtl: 峿¸ãï¼å³ããå·¦ã¸ï¼auto: è¦ç´ ã®å 容ã«åºã¥ãã¦æ¹åãæ±ºå®ããªããã°ãªããªããã¨ãæå®ããããã®ãã®ã§ãã
ä¾
const parg = document.getElementById("para1");
parg.dir = "rtl";
// "para1" ã¨ãã¦èå¥ãããæ®µè½ã®ããã¹ãã®æ¹åã夿´ãã¾ã
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # dom-dir > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
document.dir- HTML ã®
dirã°ãã¼ãã«å±æ§ - CSS ã®
directionãããã㣠- CSS ã®
:diræ¬ä¼¼ã¯ã©ã¹