HTML DOM content 속성
정의 및 사용법
content 속성은 텍스트나 이미지가 다른 요소 내에서 어디에 나타나는지 설정합니다.
문법:
Object.style.content=value
가능한 값
| 값 | 설명 |
|---|---|
| string | 텍스트 내용을 정의합니다. |
| url | URL을 정의합니다. |
|
|
| attr(X) | 이 선택자 앞이나 뒤에 표시되는 선택자의 속성을 정의합니다. |
| open-quote | |
| close-quote | |
| no-open-quote | |
| no-close-quote |
추가 정보 및 주석
주석:浮动要素에 대해 한 줄의 공간이 부족하다면, 이 요소는 다음 줄로 이동하고, 충분한 공간이 있는 줄이 되면 이 과정이 멈춥니다.
주석:浮动要素의 내용, 배경 및 경계는浮动要素 앞에 나타나야 합니다. 블록 요소의 배경 및 경계는浮动要素 뒤에 나타나야 하지만, 블록 요소의 내용은浮动要素 앞에 있어야 합니다.
예제
이 예제에서 이미지를 왼쪽에 float하게 설정합니다：
<html>
<head>
<script type="text/javascript">
function setFloatLeft()
{
document.getElementById("img1").style.cssFloat="left";
}
</script>
</head>
<body>
<img id="img1" src="logocss.gif" width="95" height="84" />
<p>이것은 일부 텍스트입니다. 이것은 일부 텍스트입니다. 이것은 일부 텍스트입니다.
이것은 일부 텍스트입니다. 이것은 일부 텍스트입니다. 이것은 일부 텍스트입니다.
이것은 일부 텍스트입니다. 이것은 일부 텍스트입니다. 이것은 일부 텍스트입니다.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="이미지를 왼쪽에 float하게 설정" />
</form>
</body>
</html>
