CSS 【CSS】widthプロパティの値を便利なcalc関数で計算 %(パーセント)とpx(ピクセル)など、異なる単位の数値同士を計算することができるのが、calc関数です。calc関数は、いざと言う時にとても役に立ちます。calc関数をマスターすれば、さらに一歩進んだレイアウト調整ができるようになります。 2022.10.18 CSS
CSS 【CSS】width、margin、paddingを一緒に使う時の注意点 要素の幅を指定するwidthプロパティ。使い方はとても簡単ではありますが、余白幅や線の太さを指定するプロパティと一緒に使う時は、注意が必要です。widthプロパティのクセを知っておけば、レイアウト調整がうまくいかない時に役立つはずです。 2022.10.17 CSS
CSS 【CSS】marginで余白指定してウェブサイトを見映え良く ウェブサイトのレイアウトを考えるとき、要素と要素の間の余白は、見栄え良くさせるためにとても重要です。marginプロパティはこのような余白を指定することができるCSSプロパティです。ウェブ制作において、とてもよく使われるプロパティです。 2022.10.17 CSS
CSS 【CSS】paddingちょっとした調整で見栄え良く paddingプロパティは要素の内側の余白を調整するためのCSSプロパティです。少し調整するだけで、レイアウトが見違え、とても見栄えの良いウェブサイトにすることができます。よく使われるプロパティの一つですので、マスターしておきたいものです。 2022.10.17 CSS
CSS 【CSS・疑似クラス】1行おきに背景色を変える見やすい表にする ウェブサイトを制作していく上で、見やすさを追求していくことはとても大切なことです。そこで、今回は1行おきに背景色が違う表をCSSで作成する方法について解説していきます。ウェブサイトで表を作るときにぜひ覚えておきたいテクニックの一つです。 2020.05.06 CSSウェブサイト
CSS 【CSS】はみ出したテーブル(表)をスクロールバーで表示する方法 ウェブサイトの幅を超えて横に長い表を作成するにはどうしたらよいでしょうか。CSSのwhite-spaceプロパティとoverflowプロパティを使えば、レイアウトを崩すことなくウェブサイトの幅を超えて横に長い表を作成することができます。 2020.04.27 CSSウェブサイト
CSS 【CSS】cursorプロパティでマウスポインタ(カーソル)を変更 ウェブサイトを見ていると、時にいろいろな形のマウスポインタを見ることがあります。マウスポインタの形はCSSの「cursor」プロパティで指定することができます。今回は、マウスポインタ(カーソル)を指定する方法について解説します。 2020.04.19 CSSウェブサイト