letter-spacingとは CSSのletter-spacingとは、文字同士の間隔（字間）を指定するプロパティです。letter-spacingで字間を調整することで文章の読みやすさが変わるので、ぜひとも覚えておきたいプロパティです。 上図のように、letter-spacingプロパティは文字と文字の間のスペース、すなわち字間を調整するプロパティです。 letter-spacingの使い方 […]
border-radiusは要素に丸みをつけるCSSプロパティで、Web制作によく用いられます。border-radiusプロパティを使うことで、やわらかい雰囲気を表現できたりと、表現の幅が広がります。本記事ではborder-radiusプロパティの使い方をサンプルコード付きで解説します。 border-radiusとは CSSのborder-radiusとはHTML要素の四隅の角を丸めるプロパテ […]
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ページを作成した際に、行間が詰まりすぎていたり、空きすぎたりしているとWebページが見にくくなります。 そんな時、CSSのline-heightプロパティで行の高さを調節することで、Webページを見やすくすることができます。 本記事では、行の高さを指定するCSSプロパティ「line-height」について解説します。 line-heightとは line-heightとは、 […]
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を設定する方法をサンプルコードを用いて解説します。表示／非表示にする方法や二本線を一本線に変える方法、色を変える方法も併せて紹介します。ぜひ参考にしてください。 あなたのご希望に沿った案件が必 […]
