Design
Coding
Setting
CSSの書き方
03:45会員限定 基本のプロパティを覚える1
- 装飾に関するプロパティ
- レイアウトに関するプロパティと考え方
CSSのコーディングにおいて、よく使われるプロパティがあります。
今回は、そんな基本のプロパティについて説明していきます。
装飾に関するプロパティ
フォントに関するプロパティ
フォントの種類やサイズ、スタイルなどを設定するためのプロパティです。
-
フォントの種類：font-family
テキストに適用するフォントの種類を指定します。See the Pen 268_基本のプロパティを覚える1_001（font-family） by Yugo Harima (@yh-dezadezi) on CodePen.
-
フォントのサイズ：font-size
フォントのサイズを指定します。See the Pen 268_基本のプロパティを覚える1_002 by Yugo Harima (@yh-dezadezi) on CodePen.
-
フォントの太さ：font-weight
フォントの太さを指定します。
normal / bold などのキーワード値や数値で指定します。See the Pen 268_基本のプロパティを覚える1_003（font-weight） by Yugo Harima (@yh-dezadezi) on CodePen.
-
フォントのスタイル：font-style
フォントのスタイルを指定します。
normal（標準）、italic（斜体）、oblique（傾斜）のいずれかを指定します。See the Pen 268_基本のプロパティを覚える1_004（font-style） by Yugo Harima (@yh-dezadezi) on CodePen.
補足
フォントに関するプロパティには「font」という一括指定できるプロパティが存在します。
フォントの種類サイズ、太さなど、フォントに関するプロパティを一括で設定することが可能です。
例）font: italic bold 16px/1.5 "Arial", sans-serif;
フォントに関するプロパティには「font」という一括指定できるプロパティが存在します。
フォントの種類サイズ、太さなど、フォントに関するプロパティを一括で設定することが可能です。
例）font: italic bold 16px/1.5 "Arial", sans-serif;
CSSの基本
全 6 動画
