サンプル(文字)
- サンプルのダウンロードは、「表示」のリンクよりマウスの右クリックでダウンロードをお願いします。
書式
サンプル内容 | サンプル | キーワード |
---|---|---|
文字を書く | 表示 | text |
中央寄せ | 表示 | text-anchor |
終端寄せ | 表示 | text-anchor |
中央寄せ、終端寄せ(tspan) | 表示 | text-anchor tspan |
寄せ+参照(tspan+tref) | 表示 | text-anchor tspan tref |
文字基準線からずらす | 表示 | baseline-shift |
回転する | 表示 | rotate |
縦書き | 表示 | writing-mode |
間隔を指定する | 表示 | letter-spacing |
文字を均等配置する | 表示 | textlength |
自動折り返しで文字を描く | 表示 | textArea |
1文字1文字の位置を決める | 表示 | x |
半角縦書き(文字が縦) | 表示 | writing-mode glyph-orientation-vertical |
文を改行させる | 表示 | tspan dy |
文の一部の文字色・文字の大きさを変える | 表示 | tspan |
文の一部に空間を入れる | 表示 | tspan dx |
フォント
サンプル内容 | サンプル | キーワード |
---|---|---|
文字サイズ変更 | 表示 | font-size |
文字の色を変更する | 表示 | fill |
中抜き文字を書く、太文字で書く | 表示 | stroke-width |
文字を斜体にする | 表示 | font-style |
文字を太文字にする | 表示 | font-weight |
文字に下線を引く、取り消し線を引く | 表示 | text-decoration |
文字を指定の長さに合わせて自動伸縮させる | 表示 | textLength lengthAdjust |
文字大きさの縦幅を変えずに横幅だけを変える | 表示 | font-stretch |
外字を表示させる(外字登録済みのPC上のみ) | 表示 | text |
文字をコード(ユニコード)で指定する | 表示 | text |
半透明の文字を描く | 表示 | fill-opacity |
フォント名を指定する | 表示 | font-family |