視覚順

code:cheat-sheet.css

.〇〇 {

display

flex

grid

justify-content

align-items

order /* 区切り線 */

position

top → right → bottom → left

z-index /* 区切り線 */

transform

overflow → overflow-x → overflow-y

visibility

table-layout

width min → max /* 区切り線 */

height min → max

margin

margin → top → right → bottom → left /* 区切り線 */

padding

padding → top → right → bottom → left

border-collapse /* 区切り線 */

border

border-width

border-style

border-color

border-radius → top-left-radius → top-right-radius → bottom-right-radius → bottom-left-radius

box-shadow

background /* 区切り線 */

background-color

background-image

background-repeat

background-position

background-size

object-fit /* 区切り線 */

object-position

opacity /* 区切り線 */

color

font /* 区切り線 */

font-weight

font-size

font-family

text-align

text-decoration

white-space

vertical-align

line-height /* 区切り線 */

letter-spacing

columns

list-style

content /* 区切り線 */

pointer-events

cursor

transition /* 区切り線 */

transition-delay

animation

}