PHP & JavaScript Room :: 設置サンプル

letter-spacingプロパティの使用例

実行結果

文字間隔を1.2emにしました。
文字間隔を1.2emにしました。
文字間隔を1.2emにしました。

文字間隔を-2pxにしました。
文字間隔を-2pxにしました。
文字間隔を-2pxにしました。

ソース

<style type="text/css">
    .space1 {
        letter-spacing:1.2em;  /* em指定(1em=1文字) */
    }
    .space2 {
        letter-spacing:-2px;  /* px指定 */
    }
</style>

<div class="space1">
    文字間隔を1.2emにしました。<br>
    文字間隔を1.2emにしました。<br>
    文字間隔を1.2emにしました。
</div>

<br>

<div class="space2">
    文字間隔を-2pxにしました。<br>
    文字間隔を-2pxにしました。<br>
    文字間隔を-2pxにしました。
</div>

polarized women