강의

멘토링

커뮤니티

Inflearn Community Q&A

rudals89201749's profile image
rudals89201749

asked

HTML+CSS+JS Portfolio Practical Publishing (Season 1)

Practical Publishing using CSS Keyframe Animation 03 (Double Border Radius Animation)

.square span의 width와 height값

Written on

·

252

1

안녕하세요 강의 잘 보고 있습니다.

궁금한 점이 하나 생겼는데요. 

영상 8:00분쯤에 .square span{}에 width와 height값을 주셨는데요 span은 inline-level인데 어떻게 width와 height값이 먹는거죠 ? 따로 dispaly를 준것이 아닌데요 ㅠㅠ

position속성을 주면 block요소로 바뀌는 건가요 ??

HTML/CSSjquery

Answer 1

4

codingworks님의 프로필 이미지
codingworks
Instructor

알고 계신대로 span 태그는 인라인 요소라 크기를 가질 수 없고 마진 상하를 가질 수 없습니다.  하지만 모든 요소는 포지션 absolute  또는 fixed가  되면  블록 요소가 아니라 인라인 블록로 변경됩니다.  그래서 크기 값을 가질 수 있게 된 겁니다.

rudals89201749's profile image
rudals89201749

asked

Ask a question