수다닷컴

img 태그에 padding을 적용해도 되나요?

석죽 2025.06.03 댓글 9

img 태그는 인라인 요소로 알고 있는데요.
인라인 요소에는 상하 패딩이 적용되지 않는다고 알고 있었는데, img 태그에 padding을 넣으니 적용되더라고요.
이 부분을 설명해주실 수 있을까요?

댓글 9

  • 창의적 2025.06.03

    저도 정확히는 모르겠네요 ㅎㅎ HTML은 알수록 헷갈려요.

  • 큰돛 2025.06.03

    저도 padding이 적용되더라고요.

  • 한무릎 2025.06.03

    인라인 요소에는 안 되는 줄 알았는데, 마진은 돼도 패딩은 안 되는 줄 알았어요.
    정말 되는 건가요?

  • 홀림길 2025.06.03

    나중에 써먹을 수 있겠네요 ㅎㅎ 배우기도 전에 안 된다고 단정해서 몰랐던 것 같아요.
    좋은 기능인데 쓸 곳을 찾으면 좋겠네요.

  • 핫레드 2025.06.03

    인라인과 블록 요소를 제대로 알지 못해 찾아보고 있었어요.
    img가 인라인 요소라길래 늘 쓰던 padding이 헷갈려서 글을 올렸습니다.

  • 바로찬글 2025.06.03

    브라우저마다 다를 거라고 생각했는데 테스트해보니 전부 적용되네요.
    저도 처음 알았어요. 써도 될 것 같지만 조금 조심스럽네요 ㅎㅎ
    새로운 내용 배워갑니다. 찾아봐도 말씀하신 내용은 잘 안 보이네요.

  • 볼매 2025.06.03

    이미지가 인라인 요소라는 걸 저도 처음 알았네요.
    div, li, p는 블록이고 span은 인라인이라고만 생각해서 다른 요소는 잘 살펴보지 않았어요. 하나 배워갑니다.

  • 셋삥 2025.06.03

    a 태그도 정확히는 모르겠지만 padding이 적용되더라고요.

  • ComeOn 2025.06.03

    인라인 요소에 대한 일반적인 설명은 맞지만 img나 input은 예외적인 경우예요.
    예전에 자세한 정리를 봤는데 자료를 찾기가 어렵네요.