６ステップでマスターする 「最新標準」HTML+CSSデザイン | マイナビブックスのメモです。
borderの外に線を引く
box-shadow: 0 0 0 線のpx 色を使用する- e.g. 1pxのグレー(#888)の線を引く場合
box-shadow: 0 0 0 1px #888
flexプロパティを使ったサイズ固定
flex 0 0 固定したいpxを使用する- flexはショートハンドプロパティである (
flex: flex-grow flex-shrink flex-basis;) - flex - CSS: カスケーディングスタイルシート | MDN
flexboxを使った要素の並び替え
- flexコンテナで、
flex-direction: row-reverseを使用する
