Properti CSS

Properti CSS

Properti CSS atau dalam Bhs Inggris : CSS Property adalah :
Bagian-bagian dari suatu elemen HTML yang dapat diubahsuaikan secara visual

Misal elemen <p> yang berisi kumpulan kalimat (teks) memiliki bagian-bagian antara lain:

1. Bagian teks dapat diberi warna berarti memiliki properti color
2. Bagian teks, ukurannya dapat diubah berarti memiliki properti font-size
3. Dapat diberi latar belakang berarti memiliki properti background
4. Bagian dari teks yang dapat diatur ketebalannya berarti memiliki properti font-weight
5. dst...

Elemen HTML dapat memiliki properti yang sama dengan elemen lainnya namun juga ada beberapa property yang hanya dimiliki oleh elemen tertentu saja.

Daftar properti CSS

A

1. accent-color
2. align-content
3. align-items
4. align-self
5. all
6. animation
7. animation-delay
8. animation-direction
9. animation-duration
10. animation-fill-mode
11. animation-iteration-count
12. animation-name
13. animation-play-state
14. animation-timing-function
15. aspect-ratio

B

1. backdrop-filter
2. backface-visibility
3. block-size
4. bottom
5. box-decoration-break
6. box-reflect
7. box-shadow
8. box-sizing
9. break-after
10. break-before
11. break-inside

Background

1. background
2. background-attachment
3. background-blend-mode
4. background-clip
5. background-color
6. background-image
7. background-origin
8. background-position
9. background-position-x
10. background-position-y
11. background-repeat
12. background-size

Border

1. border
2. border-block
3. border-block-color
4. border-block-end-color
5. border-block-end-style
6. border-block-end-width
7. border-block-start-color
8. border-block-start-style
9. border-block-start-width
10. border-block-style
11. border-block-width
12. border-bottom
13. border-bottom-color
14. border-bottom-left-radius
15. border-bottom-right-radius
16. border-bottom-style
17. border-bottom-width
18. border-collapse
19. border-color
20. border-end-end-radius
21. border-end-start-radius
22. border-image
23. border-image-outset
24. border-image-repeat
25. border-image-slice
26. border-image-source
27. border-image-width
28. border-inline
29. border-inline-color
30. border-inline-end-color
31. border-inline-end-style
32. border-inline-end-width
33. border-inline-start-color
34. border-inline-start-style
35. border-inline-start-width
36. border-inline-style
37. border-inline-width
38. border-left
39. border-left-color
40. border-left-style
41. border-left-width
42. border-radius
43. border-right
44. border-right-color
45. border-right-style
46. border-right-width
47. border-spacing
48. border-start-end-radius
49. border-start-start-radius
50. border-style
51. border-top
52. border-top-color
53. border-top-left-radius
54. border-top-right-radius
55. border-top-style
56. border-top-width
57. border-width

C

1. caption-side
2. caret-color
3. @charset
4. clear
5. clip
6. clip-path
7. color
8. column-count
9. column-fill
10. column-gap
11. column-rule
12. column-rule-color
13. column-rule-style
14. column-rule-width
15. column-span
16. column-width
17. columns
18. content
19. counter-increment
20. counter-reset
21. cursor

D - E

1. direction
2. display
3. empty-cells

F

1. filter
2. flex
3. flex-basis
4. flex-direction
5. flex-flow
6. flex-grow
7. flex-shrink
8. flex-wrap
9. float
10. font
11. @font-face
12. font-family
13. font-feature-settings
14. font-kerning
15. font-size
16. font-size-adjust
17. font-stretch
18. font-style
19. font-variant
20. font-variant-caps
21. font-weight

G

1. gap
2. grid
3. grid-area
4. grid-auto-columns
5. grid-auto-flow
6. grid-auto-rows
7. grid-column
8. grid-column-end
9. grid-column-gap
10. grid-column-start
11. grid-gap
12. grid-row
13. grid-row-end
14. grid-row-gap
15. grid-row-start
16. grid-template
17. grid-template-areas
18. grid-template-columns
19. grid-template-rows

H - I

1. hanging-punctuation
2. height
3. hyphens
4. image-rendering
5. @import
6. inline-size
7. inset
8. inset-block
9. inset-block-end
10. inset-block-start
11. inset-inline
12. inset-inline-end
13. inset-inline-start
14. isolation

J - K

1. justify-content
2. justify-items
3. justify-self
4. @keyframes

L

1. left
2. letter-spacing
3. line-height
4. list-style
5. list-style-image
6. list-style-position
7. list-style-type

M

1. margin
2. margin-block
3. margin-block-end
4. margin-block-start
5. margin-bottom
6. margin-inline
7. margin-inline-end
8. margin-inline-start
9. margin-left
10. margin-right
11. margin-top
12. mask-image
13. mask-mode
14. mask-origin
15. mask-position
16. mask-repeat
17. mask-size
18. max-block-size
19. max-height
20. max-inline-size
21. max-width
22. @media
23. min-block-size
24. min-inline-size
25. min-height
26. min-width
27. mix-blend-mode

0

1. object-fit
2. object-position
3. opacity
4. order
5. orphans
6. outline
7. outline-color
8. outline-offset
9. outline-style
10. outline-width
11. overflow
12. overflow-anchor
13. overflow-wrap
14. overflow-x
15. overflow-y
16. overscroll-behavior
17. overscroll-behavior-block
18. overscroll-behavior-inline
19. overscroll-behavior-x
20. overscroll-behavior-y

P

1. padding
2. padding-block
3. padding-block-end
4. padding-block-start
5. padding-bottom
6. padding-inline
7. padding-inline-end
8. padding-inline-start
9. padding-left
10. padding-right
11. padding-top
12. page-break-after
13. page-break-before
14. page-break-inside
15. paint-order
16. perspective
17. perspective-origin
18. place-content
19. place-items
20. place-self
21. pointer-events
22. position

Q - R

1. quotes
2. resize
3. right
4. rotate
5. row-gap

S

1. scale
2. scroll-behavior
3. scroll-margin
4. scroll-margin-block
5. scroll-margin-block-end
6. scroll-margin-block-start
7. scroll-margin-bottom
8. scroll-margin-inline
9. scroll-margin-inline-end
10. scroll-margin-inline-start
11. scroll-margin-left
12. scroll-margin-right
13. scroll-margin-top
14. scroll-padding
15. scroll-padding-block
16. scroll-padding-block-end
17. scroll-padding-block-start
18. scroll-padding-bottom
19. scroll-padding-inline
20. scroll-padding-inline-end
21. scroll-padding-inline-start
22. scroll-padding-left
23. scroll-padding-right
24. scroll-padding-top
25. scroll-snap-align
26. scroll-snap-stop
27. scroll-snap-type

T

1. tab-size
2. table-layout
3. text-align
4. text-align-last
5. text-decoration
6. text-decoration-color
7. text-decoration-line
8. text-decoration-style
9. text-decoration-thickness
10. text-indent
11. text-justify
12. text-orientation
13. text-overflow
14. text-shadow
15. text-transform
16. top
17. transform
18. transform-origin
19. transform-style
20. transition
21. transition-delay
22. transition-duration
23. transition-property
24. transition-timing-function
25. translate

U - V

1. unicode-bidi
2. user-select
3. vertical-align
4. visibility

W - Z

1. white-space
2. widows
3. width
4. word-break
5. word-spacing
6. word-wrap
7. writing-mode
8. z-index

⇐ Sebelumnya

Selanjutnya ⇒