Baseline Widely available
<u>
㯠HTML ã®è¦ç´ ã§ãéè¨èªçã«æ³¨éããããã¨ãç¤ºãæ¹æ³ã§è¡¨ç¤ºããè¡å
ããã¹ãã®åºéã示ãã¾ããããã¯æ¢å®ã§åç´ãªå®ç·ã®ä¸ç·ã¨ãã¦è¡¨ç¤ºããã¾ããã CSS ã使ç¨ãã¦å¤æ´ãããã¨ãã§ãã¾ãã
è¦å: ãã®è¦ç´ ã¯å¤ããã¼ã¸ã§ã³ã® HTML ã§ "Underline" (ä¸ç·) è¦ç´ ã¨å¼ã°ããå¾åããããç¾å¨ã§ããã®ããã«èª¤ç¨ããããã¨ãããã¾ããããã¹ãã«ä¸ç·ãå¼ãã®ã§ããã°ã代ããã« CSS ã® text-decoration
ããããã£ã underline
ã«è¨å®ããã¹ã¿ã¤ã«ãé©ç¨ãã¦ãã ããã
<p>
You could use this element to highlight <u>speling</u> mistakes, so the writer
can <u>corect</u> them.
</p>
p {
margin: 0;
}
u {
text-decoration: #f00 wavy underline;
}
<u>
ã使ç¨ããã®ãã©ã®ãããªå ´åã«é©åã§ãã©ã®ãããªå ´åã«é©åã§ãªãã®ãã«ã¤ãã¦ã®è©³ç´°ã¯ã使ç¨ä¸ã®æ³¨æãåç
§ãã¦ãã ããã
ãã®è¦ç´ ã«ã¯ã°ãã¼ãã«å±æ§ã®ã¿ãããã¾ãã
使ç¨ä¸ã®æ³¨æä»ã®ç´ç²ãªæ´å½¢è¦ç´ ã¨åæ§ã«ã以åã® HTML ã®ä¸ç· (<u>
) è¦ç´ 㯠HTML 4 ã§éæ¨å¥¨ã«ãªãã¾ãããããã <u>
ã¯ã HTML 5 ã§æ°ããæå³è«çãªãä½ããã®ææ§ãªæ³¨éãé©ç¨ãããããã¹ãããã¼ã¯ããã¨ããæå³ã§å¾©æ´»ãã¾ããã
ã¡ã¢: ï¼æ¢å®ã§ä¸ç·ãå¼ãããï¼ãã¤ãã¼ãªã³ã¯ã¨èª¤èªããããããªæ¹æ³ã§ãï¼ãããæ¢å®ã§ä¸ç·ãå¼ãããï¼<u>
è¦ç´ ã使ç¨ãããã¨ã¯é¿ããããã«æ³¨æãã¦ãã ããã
<u>
è¦ç´ ã®æå¹ãªç¨éã¨ãã¦ã¯ãç¶´ãã¨ã©ã¼ã®éç¥ãä¸å½èªã®æååã®åºæåè©è¨å·ã®è¨è¿°ããã®ä»ã®å½¢ã®æ³¨éãªã©ãããã¾ãã
åã«è¡¨ç¾ã®ç®çã§ä¸ç·ãå¼ããããæ¬ã®é¡åãè¨è¿°ãããããããã« <u>
ã使ç¨ããã¹ãã§ã¯ããã¾ããã
å¤ãã®å ´åãæ¬¡ã®ãããªå ´å㯠<u>
ãããä»ã®è¦ç´ ã使ç¨ããã¹ãã§ãã
<em>
: 強調ã®è¨è¿°<b>
: ããã¹ãã«æ³¨æãå¼ããã<mark>
: ãã¼ã¯ã¼ããå¥ããã¼ã¯<strong>
: å¼·ãéè¦æ§ã®ããããã¹ãã示ã<cite>
: æ¸ç±ããã®ä»ã®åºçç©ã®é¡åããã¼ã¯<i>
: 西æ´è¨èªã®ããã¹ãã§æè¡ç¨èªãé³è¨³ãèããè¹åãªã©ãè¨è¿°ï¼<u>
ã§ä½æãããéè¨èªçãªæ³¨éã«å¯¾ãã¦ï¼è¨èªçãªæ³¨éãæä¾ããå ´åã¯ã <ruby>
è¦ç´ ã使ç¨ãã¦ãã ããã
æå³è«çãªæå³ãªãã§ä¸ç·ãå¼ãããå ´åã¯ã text-decoration
ããããã£ã®å¤ underline
ã使ç¨ãã¦ãã ããã
ãã®ä¾ã¯ã <u>
è¦ç´ 㨠CSS ã使ç¨ãã¦ãç¶´ãééãã®ã¨ã©ã¼ãå«ã段è½ã表示ããã¨ã©ã¼ç®æããã®ç®çã§ãã使ç¨ããããèµ¤ãæ³¢ç·ã®ä¸ç·ã¹ã¿ã¤ã«ã§ç¤ºãã¾ãã
<p>This paragraph includes a <u class="spelling">wrnogly</u> spelled word.</p>
ãã® HTML ã§ã¯ã <u>
ã«ã¯ã©ã¹ spelling
ãä»ãã¦ã "wrongly" ã¨ããèªã®ç¶´ããã¹ã示ãããã«ä½¿ç¨ãã¦ããã®ãåããã¾ãã
u.spelling {
text-decoration: red wavy underline;
}
ãã® CSS 㯠<u>
è¦ç´ ã«ã¯ã©ã¹ spelling
ãã¤ãã¦ã¹ã¿ã¤ã«ä»ããããã¨ããããã¹ãããä¸ã«èµ¤ãæ³¢ç·ã®ä¸ç·ãå¼ããã¨ã示ãã¦ãã¾ããããã¯ã¹ãã«ãã¹ãã¹ã¿ã¤ã«ä»ãããã¨ãã«ä¸è¬çãªã¹ã¿ã¤ã«ä»ãã§ãã red dashed underline
ã使ã£ã¦è¡¨ç¾ã§ããã¹ã¿ã¤ã«ããã使ããã¾ãã
çµæã¯ç¾å¨å©ç¨å¯è½ãªãã£ã¨æåãªã¯ã¼ããã使ã£ã¦ãã人ã«ãªãã¿ããããã®ã§ãããã
<u> ã®åé¿å¤ãã®å ´åãå®éã«ã¯ <u>
ã使ç¨ãããã¨æããªãã§ããããããã¤ãã®å ´é¢ã§ä»£ããã«ä½ãããã¹ããã示ãä¾ãæãã¾ãããã
æå³ãå«ããã¨ããªãããã¹ãã«ä¸ç·ãå¼ãã«ã¯ã次ã®ããã«ã <span>
è¦ç´ 㨠text-decoration
ããããã£ã« "underline"
ãè¨å®ãããã®ã使ç¨ãã¦ãã ããã
<span class="underline">Today's Special</span>
<br />
Chicken Noodle Soup With Carrots
CSS
.underline {
text-decoration: underline;
}
çµæ æ¸ç±ã®é¡åã®è¡¨ç¾
æ¸ç±ã®é¡å㯠<u>
ã <i>
ã§ããªãã <cite>
è¦ç´ ã使ç¨ãã¦è¡¨ç¾ãã¦ãã ããã
<p>The class read <cite>Moby Dick</cite> in the first term.</p>
cite è¦ç´ ã®ã¹ã¿ã¤ã«ä»ã
ãªãã <cite>
è¦ç´ ã®æ¢å®ã®ã¹ã¿ã¤ã«ã§ã¯ããã¹ããæä½ã§è¡¨ç¤ºãã¾ãã CSS ã使ç¨ãã¦ä¸æ¸ããããã¨ãã§ãã¾ãã
<p>The class read <cite>Moby Dick</cite> in the first term.</p>
cite {
font-style: normal;
text-decoration: underline;
}
æè¡çæ¦è¦ 仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ é¢é£æ
å ±
<span>
, <i>
, <em>
, <b>
, <cite>
è¦ç´ ã代ããã«ä½¿ç¨ããã¾ããtext-decoration
ããããã£ã使ç¨ãã¦ãã ãããRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4