CSS プロパティ: 探索と使用法

CSSの各プロパティの詳しい説明はこちら

 

財産 color

この color プロパティは、要素のテキストの色の書式設定に使用されます。

red 値は、色の名前(例、、 bluegreen)、16 進コード(例、 の「#FF0000」 red)、または値 rgb()  を指定する関数 です Red, Green, Blue

例: color: red;

財産 font-size

この font-size  プロパティは、要素内のテキストのサイズをフォーマットするために使用されます。

値は、ピクセル(例: 「12px」)、em 単位(例: 「1.2em」)、パーセンテージ(%)、またはその他の相対値で指定できます。

例: font-size: 16px;

財産 background-color

この background-color プロパティは、要素の背景色の書式設定に使用されます。

値には、色の名前、16 進コード、または色を指定する「rgb()」関数を指定することもできます。

例: background-color: #F0F0F0;

財産 font-family

「font-family」プロパティは、要素内のテキストに使用されるフォントを定義します。

Arial 値は、フォント名(例:、 Helvetica)、またはフォント名の優先順位付きリスト です。

例: font-family: Arial, sans-serif;

財産 text-align

「text-align」プロパティは、要素内のテキストを整列させるために使用されます。

left 値は、 rightcenter、 、または justify(両端のテキストを揃えるため) です。

例: text-align: center;

財産 width

「width」プロパティは要素の幅を指定します。

値はピクセル、パーセンテージ(%)、または auto 自動幅で指定できます。

例: width: 300px;

財産 height

プロパティ height  は要素の高さを指定します。

値は pixel 、パーセント(%)、または auto 自動高さで指定できます。

例: height: 200px;

財産 border

この border  プロパティは、要素の周囲に境界線を作成するために使用されます。

値には、境界線の太さ(例: 「1px」)、 border style(例: soliddotted)、および color(例: red) を含めることができます。

例: border: 1px solid black;

財産 margin

この margin プロパティは、要素と周囲の要素の間の間隔を定義します。

この値は、ピクセル値(例: 「10px」)、各方向のピクセル値(例: 「5px 10px」)、または auto  自動間隔のピクセル値です。

例: margin: 10px;

財産 padding

この padding プロパティは、要素のコンテンツと境界線の間の間隔を定義します。

値は、 pixel 各方向の値またはピクセル値にすることができます。

例: padding: 20px;

 

これらは、CSS プロパティとその値のほんの数例です。 CSS には、Web ページ上の要素をスタイル設定およびカスタマイズするための他の多くのプロパティが用意されています。 さらに多くのプロパティを調べてカスタマイズし、Web サイトのさまざまなデザインや効果を実現できます。