CSSでクラスセレクターを学んでみよう！(class,overflow,border-radius)

クラスセレクター

要素にclassをつけることで、cssスタイルを個別に適用することができます。

要素を配置すると、いくつかの領域が定義されます。

要素自体には、width(幅)とheight(高さ）が定義されます。

要素の周りは、paddingプロパティという領域が定義されます。

paddingプロパティの境界は、borderプロパティが定義されます。

borderプロパティの外側は、marginプロパティという領域が定義されます。

widthプロパティとheightプロパティを使うことで、要素の幅と高さを定義できます。

widthとheightは、pxだけでなく％で定義することもでき、親要素から計算されます。

overflowプロパティを使うことで、溢れた文字表示の制御ができます。

値：hiddneは、範囲外を非表示にできます。

値：scrollは、範囲外をスクロール表示できるようにします。

borderプロパティを使うと、境界線をつくることができます。

値：solidで実線がつくれます。

値：dashedで破線がつくれます。

値:noenで線なしにできます。

borderプロパティにtop,bottom,right,leftを加えると、境界線の位置を指定できます。

border-radiusプロパティを使うと、角を丸めることができます。