スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | - | pookmark |
Entry: main  << >>
文字装飾


・太字
<strong>文字</strong>
文字

・斜体
<em>文字</em>
文字

・下線
<u>文字</u>
文字

・打消
<del>文字</del>
文字

※CSSを利用したカスタマイズ

例:「太字」を利用した際、フォントサイズを15pxに設定
strong { font-size: 15px; }
文字

例:「下線」を利用した際、5pxの黒の点線で下線を表示させる。
u { border-bottom: dotted 5px #000000; }
文字



HTML

<b>太字</b>
<i>斜体</i>
<u>下線</u>
<del>打消</del>

太字
斜体
下線
打消

※<del> 〜 </del> → <s> 〜 </s>, <strike> 〜 </strike>(非推奨要素)



CSS

■ 太字

・数値で指定する
100、200、300、400、500、600、700、800、900の9段階で設定することができる。
※一般的なフォントの場合は9段階表示されないことが殆ど。
標準の太さは400。

{font-weight: 100; }
{font-weight: 200; }
{font-weight: 300; }
{font-weight: 400; }
{font-weight: 500; }
{font-weight: 600; }
{font-weight: 700; }
{font-weight: 800; }
{font-weight: 900; }

太字100
太字200
太字300
太字400
太字500
太字600
太字700
太字800
太字900

・キーワードで指定する
normal,bold,lighter,bolderで指定することができます。

{font-weight: normal;}
{font-weight: bold;}
{font-weight: lighter;}
{font-weight: bolder;}

normal
bold
lighter
bolder



■ 斜体

・日本語フォントの場合はイタリック体(italic)、斜体(oblique)の区別がない場合が殆ど。

{font-style: italic; }
{font-style: oblique; }

italic
oblique



■ 下線

{text-decoration: underline; }

underline



■ 打消

{text-decoration: line-through; }

line-through



| pika | - | - | pookmark |
スポンサーサイト
| スポンサードリンク | - | - | pookmark |