ikeda

HTML ul・ol・liタグの使い方 箇条書きリストの作り方

HTML

2022/4/30

【HTML ul・ol・liタグの使い方】箇条書きリストの作り方

今回はHTMLのul・ol・liタグを使用して箇条書きリストを作成する方法およびよく使われる活用例を紹介していきます。   この記事を読むと分かること ul・ol・liタグを使用した箇条書きリストの作り方について ulタグとolタグの違いについて リストマーカーを変更する方法について ul・ol・liタグが実際に使用されている活用例について   ul・ol・liタグを使用した箇条書きリストの作り方 ブログやホームページでHTMLで箇条書き(リスト)を作りたい場合はul・liタグ(順番な ...

CSS line-heightの使い方・行間・行の高さの調整方法

CSS

2022/3/14

【CSS line-heightの使い方】行の高さの指定・行間調整方法

今回はline-heightを使って、行の高さの指定・行間を調整する方法を紹介します。 テキストの行間などを調整したい場合にline-heightはよく利用されるので、覚えておくと便利です。 line-heightは行間・行の高さ調整のCSS line-heightプロパティは行の高さを指定するのに使用されるCSSプロパティです。 本記事の冒頭で「行間を調整したい場合に使用する」と記述しましたが、実際には行の高さを指定する際に使用するプロパティで、行の高さを指定することで間接的に行間を調整することができま ...

CSS text-alignの使い方 文字の行揃えをする方法

CSS

2022/3/15

【CSS text-alignの使い方】文字の行揃え・寄せ指定をする方法

今回はtext-alignプロパティの使って文字(テキスト)を左揃え・中央揃え・右寄せ揃えにしたりする方法を解説していきます。 CSSを勉強し始めたばかりの頃だと「text-alignプロパティが上手く効かない…。」といった方も多いので、本記事を参考にしてみてください。     text-alignは行揃えのスタイルCSS text-align(テキストアライン)プロパティは、指定した要素の中にあるテキストや画像などの水平方向の配置を指定することができるプロパティです。 text-al ...