CSS.EduHTML.com
Chapter 18

스타일 시트의 디자이너~ Box Object ④ -width, height-

Mar. 11. 2001고급

Chapter 18


스타일 시트의 디자이너~ Box Object ④ -width, height-


Box 관련 속성중 좀 중요한건 역시 오브젝트의 크기겠죠.


때와 장소에 따라 크기가 바뀌어야 하니까요 ^^*


그 크기를 결정하는 속성이 width, height랍니다.


훗.. 많이 들어 보셨져? ^^*


width는 가로 길이,


height는 세로 길이..


이걸 스타일 시트에서 쓰일 수 있다는점~!


그런데, 제가 보기엔, width와 height는 특별한 경우가 아니고는 html과 함께 쓰일 이유가 없는듯.. -_-a


이유는 html의 Box관련 태그들이 죄다 width와 height를 가지고 있기 때문이겠죠..


그래서, 제 개인적 생각인데여.. 음..


XML에서 많이 쓰이지 않을까.. 하고 생각 됩니다 *^^*


XML에서 CSS를 함께 쓸경우, 크기 조절 속성이 이것 뿐일테니 말입니다.


그래서 중요한 것입니다.


여기 HTML에선 그냥 있으나 마나한 속성이지만 말이죠..


XML에선 생각보다 유용하게 쓰일테니까요 ^^


이점 기억 해 주셨음 좋겠구요.. 음..


그럼 사용 방법 예제 입니다.


▶width, height


width, height



<html>
 <head>
  <title>background-color</title>
  <style type="text/css">
   img {width:200px; height:400px}
  </style>
 </head>
 <body>
  <img src="">
 </body>
</html>

예제보기 1st ← Click !


별다른 어려움 없이 할 수 있을거라 장담합니다.


왜냐하면 html의 그것과 다를바가 없기 때문이죠.


단지, 길이 단위가 쓰이기 때문에 좀 더 세밀하게 표현 할 수 있다는 점이 다른점 이겠죠.


이거 쉽다구 우습게 보지 마세요 *^^*


여러분들이 XML을 CSS와 함께 쓰실경우 유용하게 쓰일 것이니까요.


그럼.. 이번 강좌도 여기서 마치겠습니다.


님들 건강 하세요~ *^^*


- End -