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」は、「左」「中央」「右」配置でよく使うプロパティです。 配置できるものは、 　１：文字や画像　２：子要素の配置（「display: blo...

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

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

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

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

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

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