[CSS]padding-inline-start(code)

---

See the Pen NWdMqvM by minsucoding (@minsucoding) on CodePen.

 

안녕하세요 오늘 알려드릴 내용은 padding-inline-start라는 속성이에요

이 속성은 padding-left랑 똑같은 역할을 한다고 보셔도 되는데요

리스트 작업을 할때 우리가 <li>를 사용하게 되면 list-style:outside가 기본으로 들어가게 되는데요
만약 list-style:none을 주게되면 기존에 스타일이 있던 부분이 사라지면서 공간이 남아있는데 그 부분이 바로 padding-inline-start가 들어가 있는 부분이에요

기존에 있던게 사라졌다고 해도 공간은 떠 있기 때문에 이를 보완해주기 위해서 padding-inline-start를 0으로 주게 되면 사라지게됩니다

물론 기존 * 전체 선택자를 이용해서 padding: 0 을 주어도 같은 결과가 나오게 됩니다~

 

---