CSS入門

■概要 cursor属性は、タグの上に位置するマウスカーソルの形を変えることができます。 auto：自動 default：デフォルト(矢印) pointer：手の形(クリック可能な状態) wait：ローディング などの値があります。 ■使用...

■概要 visibility属性は、タグの表示・非表示を指定します。 下記の4つの値あり、デフォルトはinheritです。 visible：表示する hidden：非表示にする(自身の領域は維持する) collapse：重ねて指定する(テー...

■概要 border-radius俗世は、要素の角を丸くします。pxと%を使うことができ、border属性がなくても使えます。 4つの角を別の値で設定することもできます。margin、padding属性と似たように4つの値をスペース区切りで...

■概要 border属性は、タグの枠を指定するもので、background属性と似たように詳細な属性を同時に使うことができます。 width - style - colorの順で指定します。 border-width 枠の太さで、主にpx段...

■概要 background属性はタグの背景を指定するもので、font属性と似たようで、詳細な属性を同時に使える属性です。 以下のような属性を使えます。 background-color 背景色 background-image 背景画像 ...

■概要 text-align属性は、テキストの揃え位置を指定するものです。 start：行の開始位置を揃える end：行の終了位置を揃える left：左揃えにする right：右揃えにする center：中央揃えにする justify：均等...

■概要 font属性は、文字のスタイルを定義します。関連する6つの属性があり、ひとつの要素で全てを設定することができます。 では、属性を見てみましょう。 font-style 斜体など文字のスタイルを設定 font-weight 文字の太さ...

■概要 color属性は、単語通り「色」、正確に文字の色を意味します。 red, blueなど既に定義されている色 #000, #FFFFFFなど16進数の色コード rgb(255, 255, 255)などRGB色 rgba(200, 10...

■概要 CSSでwidthとheightを計算する方法は個性があります。 一回覚えれば大したことはないので、これから学習しましょう。 ■content-box 例え、widthに200pxを設定した場合、全体の幅が200pxになるわけではな...

■概要 marginとpadding属性は、外側と内側の余白を意味します。(borderを境界として分かれます) width, height属性と同じく数字の後に単位を書きます。 ■方向 各方向に異なる余白の設定ができます。 margin:...