カテゴリー「CSS」に関連するページ一覧 1ページ目

CSSで文字（テキスト）の大きさを変更する方法を紹介します。以下のように、font-size: 文字の大きさ;の形式で指定します。文字の大きさを指定する単位はpx, %などがあります。%は親要素に対し...

CSSで文字（テキスト）の色を変更する方法を紹介します。以下のように、color: 色;の形式で指定します。文字の色はredやblueのようにすでに定義された色かもしくは、色コードで指定します。色コー...

CSSで要素に枠線（ボーダー）をつける方法をまとめて紹介します。以下のように、border: 種類 太さ 色;の形式で指定します。また、border-上下左右で上下左右のうち、指定した部分のみを指定で...

CSSで要素に枠線（ボーダー）の角に丸みをつける方法を紹介します。以下のように、border-radius: 円の半径;の形式で指定します。border-上下左右-radiusで上下左右のうち、指定し...

CSSでテキストボックスの文字寄せを設定する方法を紹介します。通常テキストボックスは左寄せで入力しますが、中央寄せや、右寄せで入力させたい場合があります。以下のように、テキストボックスの要素に対してt...

CSSでテキストボックスの余白を設定する方法を紹介します。以下のように、余白を設定していないテキストボックスは枠線とテキストの位置が非常に近くなってしまいます。余白を設定するには以下のように、テキスト...

CSSでテキストボックスのサイズを設定する方法を紹介します。サイズを設定するには以下のように、テキストボックスの要素に対してwidth: サイズ;とheight: サイズ;の形式で指定します。親要素の...

CSSでテキストボックスの幅を100%にしたときに親要素からはみ出る問題を解決する方法を紹介します。以下のように、親要素に対して100%のサイズのテキストボックスを配置すると、親要素をはみ出してしまい...

CSSで要素を非表示にする方法を紹介します。要素を非表示にするには以下のように、要素に対してdisplay: none;のスタイルを指定します。display: none;で非表示にすると、非表示にな...

CSSでテーブルのセルで入りきらない文字列をカットして表示する方法を紹介します。以下のようなtableのとき、tdの要素に対して以下のようにスタイルを設定します。white-space: nowrap...