2020年、知っておくと便利なCSSのプロパティのまとめ

ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。 一昔前まではJavaScriptでないと実装できなかったもの、CSS Gridでの中央揃え、Flexboxでの中央揃え、リストのカラーを変更する方法、アイコンの横並び、タイル状の背景をいい感じに配置など、実践的なテクニックが満載です。 Uncommon CSS Properties by Ahmad Shadeed はじめに CSS Gridでの中央揃え place-itemsプロパティ Flexboxと古き良きmargin: auto; あまり知られていない::marker疑似要素 text-alignプロパティ display: inline-flex;プロパティ column-ruleプロパティ background-repeat: roun

[coliss]

知っておくと便利なCSSのプロパティのまとめ、CSS Gridの中央揃え、アイコンの横並びなど。

[mippai]

やっぱり一行増やすだけでIEに対応できるflexには叶わないな https://ics.media/entry/17522/

[satotaka99]

IE11対応は未だに必要なんですよ…

[misarine3]

われらが必要としてるのは新しいプロパティやチートシートじゃなくてIEをサポートしなくてよい世界ですよ

[ustam]

IEは、さすがにもう要らないでしょう。

[ttkazuma]

"text-alignプロパティ"のところ、要素と文字がごっちゃになってて間違えそう

[cankyan]

“IEを除くすべてのブラウザにサポートされています。”

[inazuma2073]

最近このサイトで画像がでないのはlazyload関係なにかうまくいってないのかな。マウスオーバーで画像出るけど不便。

[mayumayu_nimolove]

助かる

[monorod]

place-items始めて知った

[ducktoon]

画像が表示されません

[kamanobe]

覚えなおし。

[fai_fx]

良き。

[kuracom]

きちんと覚えていないプロパティが結構あった