テキスト・フォント

ページ、見出し、段落の背景を組み合わせる
ページ、見出し、段落の背景を組み合わせる 2012年12月5日

ページ、見出し、段落の背景を組み合わせる表示例 ページ全体に背景を入れたり、見出しや段落に背景を入れることで、 […]

テキストの垂直位置を指定する
テキストの垂直位置を指定する 2012年12月3日

要素が表示される行(ボックス)の中でテキストの垂直位置を指定する方法です。テーブルなどのテキストの配置で便利ですね。

行の高さを指定する
行の高さを指定する 2012年12月3日

ブラウザでのテキストの表示は、高さを指定しないと行間がつまってとても読みづらいものです。そこで、スタイルシート(CSS)で行の高さを指定することで行間に余裕が出来、読みやすくします。

文字間隔を指定する
文字間隔を指定する 2012年11月29日

文字と文字の間隔をスタイルシートで指定します。「letter-spacing」プロパティを使います。マイナスの値を指定すると、文字が重なって見えます。

テキストを装飾する
テキストを装飾する 2012年11月27日

テキストを装飾する表示例 テキストの下にライン、上部にライン、取り消し線、点滅の装飾を指定します。値を空白スペ […]

部分的にフォントに背景色をつける
部分的にフォントに背景色をつける 2012年11月26日

部分的にフォントに背景色をつける表示例 段落などのブロックレベルでの背景色ではなく、文章の一部分に背景色をつけ […]

フォントに背景色をつける
フォントに背景色をつける 2012年11月26日

スタイルシートでフォントに背景色を入れます。段落のタグ<p>の背景をスタイルシートで指定します。<p>タグはブロックレベル要素ですので、ボックス全体の背景色をつけることが出来ます。

スタイルシート(CSS)でフォントの太さを指定する
スタイルシート(CSS)でフォントの太さを指定する 2012年11月22日

100、200、300、400、500、600、700、800、900の数値で指定します。標準の太さが「400」です。すべてのフォントがこの太さを揃えているわけではなく、ブラウザによっても解釈が異なります。

太字、斜体、等幅のフォントを指定する
太字、斜体、等幅のフォントを指定する 2012年11月22日

フォントの表示を太字、斜体、等幅にします。HTMLで記述することも出来ますし、スタイルシートを使うことでも可能です。

大きめ、小さめのフォント
大きめ、小さめのフォント 2012年11月20日

フォントのサイズを基本のサイズから1段階大きめにしたり小さめにしたりします。HTMLの記述でも<font>タグを使わず指定できます。

1 / 3123