cssプロパティ一覧

こんにちは tanaka です。 今回は「background」の説明です。 「background」は、「背景の色」「背景の画像」を入れるプロパティです。 かなり重要なプロパティなので、確実に覚えたいところです。 ...

こんにちは tanaka です。 今回は「vertical-align」の説明です。 「vertical-align」は、１行中の「小さな文字」「小さな画像」を上下移動させるプロパティです。 １行中に大きな文字と、小さ...

こんにちは tanaka です。 今回は「overflow-wrap」の説明です。 「overflow-wrap」とは、「半角アルファベットの改行設定」プロパティです。 主に「URLの表示」で使います。 それでは...

こんにちは tanakaです。 今回は「text-shadow」の説明です。 「text-shadow」とは、文字に影を入れるプロパティです。 それでは、詳しく説明していきます。 文字化けします ＜コピ...

こんにちは tanaka です。 今回は「text-overflow」の説明です。 「text-overflow」は、 １：「文章を途切れさせる」プロパティ ２：「文章をはみ出させる」プロパティ それらを使った...

こんにちは tanakaです。 今回は「white-space」の説明です。 「white-space」は、以下の２つの設定ができるプロパティです。 １：ホワイトスペース処理の設定 ２：文章右側の折り返し それ...

「flexboxの基礎」は、よくわかる「flexbox」基礎編（１）ヨコ方向（html,css）こちらをご覧ください。 こんにちは、tanakaです。 今回は「flexboxプロパティ群」の説明です。 「flexbox...

こんにちは tanakaです。 今回は「text-decoration」の説明です。 「text-decoration」は、文章に線を入れるプロパティです。 線は、３種類あります。 １：下線２：上線３：取り消し線...

こんにちは tanaka です。 今回は「text-align」の説明です。 「text-align」は、「左」「中央」「右」配置でよく使うプロパティです。 配置できるものは、 　１：文字や画像　２：子要素の配置...

こんにちはtanakaです。 今回は「flexboxの基礎」を説明します。 「flexbox（フレックスボックス）」は、親要素へ命令を入れ、子要素を並べる機能です。 「flexbox」を使うと子要素をキレイに並べること...

こんにちは、tanakaです。 今回は「font」プロパティの説明です。 「font」は、読みやすさに深く関わるフォントのプロパティです。 「読みやすいページ」を作るなら知っておいた方が良いでしょう。 しかし ...

こんにちは、tanakaです。 今回は「outline」の説明です。 「outline」は、文字や文章を「線で囲む」プロパティです。 「outline」は、領域を持たないため自由に使う事ができます。 それ...

プロパティletter-spacingの説明です。

こんにちは、tanakaです。 今回は「color」の説明です。 「color」は、文字に色をつけるプロパティです。 指定方法は６つあります。 １：名称指定 ２：１６進数 ３：rgb ４：hsl ５：trans...

こんにちは、tanakaです。 今回は「visibility」の説明です。 「visibility」は、表示、非表示のプロパティです。 「display」とは違い非表示でも「幅」「高さ」を残します。 さらに ...