横浜べいすた。
最近ブログを始めた。
オリジナリティあふれるブログに憧れる。
空条Q太郎。
スタンド使い?
星つながりで、ベイスタの面倒をみる。
CSSの要素をおさらいしてみよう
:「べいすた、何を悩んでいるんだ」
:「あっ、Q太郎さん。CSSを記述しようとしたんですけど
CSSの要素って、『フォント』・『背景』・『ボーダー(枠線)』ですよね」
:「ああ、そうだ。厳密にはもっとあるが
このブログで使うのはこのあたりだ。べいすたにしてはやるな」
:「てへへ。でっ、その中身って確かこんな感じじゃなかったですか?」
:「良しッ! ディ・モールト ディ・モールト(非常に 非常に)良いぞッ! 良く学習してるぞッ!」
:「これで安心してカスタマイズできます、ありがとうQ太郎さん」
to be continued
:「あっ、Q太郎さん。CSSを記述しようとしたんですけど
CSSの要素って、『フォント』・『背景』・『ボーダー(枠線)』ですよね」
:「ああ、そうだ。厳密にはもっとあるが
このブログで使うのはこのあたりだ。べいすたにしてはやるな」
:「てへへ。でっ、その中身って確かこんな感じじゃなかったですか?」
フォント | 要素 | CSS名 | ★に入る値(具体例) |
文字の太さ | font-weight:★ | 100~900 | |
文字の大きさ | font-size:★ | 数字+単位 pt,pxなど | |
文字の種類 | font-family:★ | MS 明朝 | |
斜体 | font-style:★ | italic | |
文字の色 | color:★ | red,#0000ff | |
背景 | 背景色 | background-color:★ | blue,#ff0000 |
背景画像 | background-image:url(★) | アップロード済みのファイルを クリックしてください | |
背景画像の位置 | background-position:★ | right,left,center | |
背景画像繰り返し | background-repeat:★ | repeat,repeat-x,repeat-y,none | |
背景画像の一括指定 | background:★ | ファイルURL 位置要素の値 繰り返し要素の値 | |
枠線 | 枠線の種類 | border-style:★ | solid,dotted,dashed,double ridge,groove,inset,outset |
枠線の色 | border-color:★ | yellow,#ffff00 | |
枠線の太さ | border-width:★ | 数字+単位 pt,pxなど | |
枠線の一括指定 | border:★ | 枠線の種類の値 枠線の太さの値 枠線の色の値 |
:「良しッ! ディ・モールト ディ・モールト(非常に 非常に)良いぞッ! 良く学習してるぞッ!」
:「これで安心してカスタマイズできます、ありがとうQ太郎さん」
to be continued