CSS 【CSS】width・height が効かない時は「インライン要素になっていないか？」を疑おう！ 2018年9月22日 高さを指定するために使うheightプロパティ 横幅を指定するために使うwidthプロパティ でも height:100px; width:50px; と指定しても全くデザインに反映されない時がある。 「ん？なんで？？」 という時はすっかり忘れているチェックポイントがあるので備忘録として整理しておこうと思う。 disp...
CSS 【CSS】heightとmax-height の使い分け方 2018年9月18日 今回はCSSにおける heightとmax-height の使い分け方について。 高さを設定するheightプロパティはあるけど、max-height とどう使い分ければいいわけ？ と思っていたので、調べてみました。 高…...
CSS 【CSS】widthプロパティの使い方：画面の横幅いっぱいに広げるには？ 2018年9月16日 「画面の横幅いっぱいに要素を広げるにはどうすりゃいいんだ？」 って思いながら調べて試してみた。 widthを使うのはなんとなくわかっていたが、パーセンテージを使えば出来ることがわかった。 width:100%; これを横幅いっぱいに広げたい要素のCSSに記述すればOK！...
CSS 【CSS】テキストを縦の中央寄せにするには？ 2018年9月16日 今日勉強したのは、テキストを縦の中央寄せにする方法だ。 テキストの縦の中央寄せは、marginを駆使しても出来なかった（知識不足なだけだが(笑)） 結論から言うと、、heightプロパティとline-heightプロパティを同じ高さにすれば出来ることがわかった。 height:100px; line-height:10...
CSS 【CSS】箇条書きリストを入れ子構造にする方法！ 2018年9月15日 リストの入れ子構造を作る方法について。 リストは <ul> <li>リンゴ</li> <li>みかん</li> <li>バナナ</li> </ul> リンゴ みかん バナナ という箇条書きのものだ。 リストの入れ子構造という...
