vertical-alignは、テキストや画像の縦方向の位置を調整するCSSプロパティです。本記事ではvertical-alignプロパティの使い方や効かない原因とその対処法を解説します。 vertical-alignとは vertical-alignとは、テキストや画像の縦方向の位置を指定するCSSプロパティです。インライン要素、インラインブロック要素、テーブルセル要素に設定でき、指定した要素と […]
text-decorationとは CSSのtext-decorationプロパティは、テキストに線や色など、装飾に関する4つのCSSプロパティを一括で指定できるプロパティです。現在はショートハンドプロパティとして定義されています。 text-decorationプロパティを構成する4つのプロパティ text-decorationプロパティを構成する4つのプロパティを以下に示します。 text-d […]
行間が詰まりすぎていたり、空きすぎたりしているとWebページが見にくくなります。そんな時、CSSのline-heightプロパティで行間を調節することで、Webページを見やすくすることができます。本記事では、行間を指定するCSSプロパティ「line-height」について解説します。 line-heightとは line-heightとは、行ボックスの高さを指定するCSSプロパティです。line- […]
font-weightとは font-weightとは、HTMLで定義した文字の太さを指定するCSSプロパティです。font-weightで文字の太さを変更することでWebページの雰囲気に合わせたり、特定の文字や文章を強調することができます。font-weightで文字の太さを変更する方法は、数値で指定する方法とキーワードで指定する方法があります。本記事ではサンプルコードを用いて解説していきます。 […]
font familyとは font-familyとは、HTML要素に対してフォントを指定するCSSプロパティです。Webページを構成するコンテンツのほとんどはテキスト情報が占めるため、指定するフォントによって、文章の読みやすさや見やすさに大きく影響します。ただ、実際にユーザの画面に表示されるフォントはユーザの利用環境に依存するため、font-familyを指定しても、そのフォントがユーザの利用端 […]
text-alignプロパティとは text-alignとは、テキストや画像の水平方向の配置を指定するCSSプロパティです。このプロパティを使うことで、行の揃え位置や均等割付けを指定できます。 どの要素に指定できる？ 後述しますが、text-alignプロパティはブロック要素に指定することで要素の中身部分に適用されます。divタグなどのブロック要素であればテキスト部に適用されますが、画像（ingタ […]
Debianは世界有数のLinuxディストリビューションの一つです。人気のLinuxディストリビューション「Ubuntu」もこのDebianをベースとして開発されました。本記事では、Debianについて、特徴やUbuntuとの違いなどを中心に解説します。 Debianとは Debianとは、LinuxOSを利用しやすくした頒布形態「Linuxディストリビューション」の一つで、正式名称は「Debia […]
border（枠線）は基本的にCSSで設定しますが、table（表）のborderに関してはHTML上でも設定可能です。本記事ではCSSでborderを設定する方法のほかに、HTMLでtableのborderを設定する方法をサンプルコードを用いて解説します。表示／非表示にする方法や二本線を一本線に変える方法、色を変える方法も併せて紹介します。ぜひ参考にしてください。 あなたのご希望に沿った案件が必 […]
CSSのborderとは CSSでは要素に枠線をつけるborderプロパティを設定できます。borderプロパティはHTML要素に枠線を付けるCSSプロパティです。枠線をつけることで、HTML要素を強調する場合や、位置の調整時に視覚的に分かりやすくする場合などに利用されます。 基本構文 HTML実行コード CSS実行コード 実行結果 要素に枠線がつきました。このように、borderプロパティは枠線 […]
本記事では、CSSでテキストを縦書きにする方法について解説します。 縦書きにする箇所にCSSで と記述します。 「vertical」が「縦」、「rl」が「右から左（Right to Left）」という意味です。 なお、Internet Explorerにおいては書き方が異なります。「-ms-」というベンダープレフィックスを付け、「tb-rl」を指定します。 「tb-rl」は「上から下、右から左（T […]
