일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- blockchain
- 기준
- web
- hardhat
- middleware
- SSR
- HTML
- API
- typeScript
- Redux
- 삶
- Interface
- CLASS
- evm
- bitcoin
- concept
- built in object
- tailwindcss
- JavaScript
- useState
- nextJS
- express.js
- error
- solidity
- REACT
- node.js
- Props
- graphQL
- Ethereum
- CSS
- Today
- Total
ReasonJun
CSS : min-content, object-fit, letter-spacing, inset, grid, grid-template-columns, box-shadow 본문
CSS : min-content, object-fit, letter-spacing, inset, grid, grid-template-columns, box-shadow
ReasonJun 2023. 6. 13. 23:18min-content :
min-content specifies the minimum size a container should be, based on its content. This can be useful for creating flexible layouts.
https://developer.mozilla.org/en-US/docs/Web/CSS/min-content
object-fit :
object-fit is a property that specifies how an image or video should fit within its container. This can be helpful for controlling the visual display of media elements.
https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
letter-spacing :
letter-spacing is a property that adjusts the spacing between letters in text. This can be used to fine-tune typography.
https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing
inset :
inset is a shorthand property that can be used to set the position of an element within its container. It allows you to set values for top, right, bottom, and left all at once.
https://developer.mozilla.org/en-US/docs/Web/CSS/inset
grid
grid is a powerful tool for creating complex layouts. It allows you to define rows and columns, as well as grid gaps and alignments.
grid-template-columns
grid-template-columns is a property that allows you to define the number and size of columns in a grid layout. This can be used to create responsive designs that adapt to different screen sizes.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout
box-shadow
box-shadow is a property that applies a shadow effect to an element. This can be used to create depth and dimensionality in your design.
https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
'Frontend > CSS' 카테고리의 다른 글
CSS : cubic-bezier, background-clip, scrollLeft, innerWidth (0) | 2023.06.14 |
---|---|
Webkit in css (0) | 2023.06.14 |
CSS : media (0) | 2023.06.06 |
CSS : Animation (0) | 2023.06.06 |
CSS : transition (0) | 2023.06.06 |