박스 생성하기
- top : 상단의 좌표를 설정합니다.
- left : 좌측의 좌표를 설정합니다.
- height : 해당내용의 높이를 설정합니다.
- width : 해당내용의 너비를 설정합니다.
- overflow : 내용이 박스를 벗어날 경우 표시방법을 설정합니다.
-- visible : 모든 내용을 볼 수 있도록 박스크기를 조절합니다.
-- hidden : 벗어나는 내용은 표시하지 않습니다.
-- scroll : 스크롤바가 생성되어 벗어나는 내용을 볼 수 있습니다.
----------------------------------------------------------------------------------------
<html>
<head>
<style type="text/css">
<!--
p {
border : 2px #808060 dashed;
background-color : #d0e0f0;
}
p.overflow1 {
position : absolute;
top : 20px;
left : 10px;
height : 100px;
width : 120px;
overflow : hidden;
}
p.overflow2 {
position : absolute;
top : 20px;
left : 140px;
height : 100px;
width : 120px;
overflow : visible;
}
p.overflow3 {
position : absolute;
top : 20px;
left : 270px;
height : 100px;
width : 120px;
overflow : scroll;
}
-->
</style>
</head>
<body>
<p class="overflow1">
당신은 오늘 무엇을 찾고 있습니까?<br>
당신이 오늘 찾은 것은 무엇입니까?<br><br>
이와 같이 css는<br>
원하는 위치에 미니윈도우를 띄울 수 있습니다.
</p>
<p class="overflow2">
당신은 오늘 무엇을 찾고 있습니까?<br>
당신이 오늘 찾은 것은 무엇입니까?<br><br>
이와 같이 css는<br>
원하는 위치에 미니윈도우를 띄울 수 있습니다.
</p>
<p class="overflow3">
당신은 오늘 무엇을 찾고 있습니까?<br>
당신이 오늘 찾은 것은 무엇입니까?<br><br>
이와 같이 css는<br>
원하는 위치에 미니윈도우를 띄울 수 있습니다.
</p>
</body>
</html>
'IT-개발,DB' 카테고리의 다른 글
| [html/javascript] 거치식/적립식 복리계산기 (2) | 2014.12.15 |
|---|---|
| [javascript] 페이지 top으로 이동하는 자바스크립트 소스 (0) | 2014.12.11 |
| [javascript] 소스 모듈 라이브러리 (0) | 2014.12.06 |
| [개발/ATL] BHO 만들기에서 ATL 단순개체 마법사 옵션 설정화면 (0) | 2014.12.06 |
| [mysq] 제로보드 - 제로보드 4.1.7 -> mysql 4.1.x대에서 사용할때 schema.sql 수정 (0) | 2014.12.04 |
댓글