HTML DOM 프레임 셋의 COLS는 속성
프레임 셋 객체 정의 및 사용
COLS 속성 세트 또는 컬럼의 초점 프레임 수와 크기를 반환합니다.
아니면 픽셀의 쉼표로 구분 된 목록의 비율은 열 폭의 수를 정의합니다.
문법
framesetObject.cols=values
COLS는 다음 값 중 하나 이상이 될 수있다 속성 :
| 值 | 描述 |
|---|---|
| pixels | 以像素为单位指定列的大小 (如： "100px" 或者 "100") |
| % | 以百分比指定列的大小(如："50%") |
| * | 剩余可用的列空间 |
브라우저 지원
모든 주요 브라우저는 COLS 속성을 지원합니다.
예
이 예에서, 먼저 HTML 문서의 두 개의 열이있는 프레임을 만들 수 있습니다. 각 열은 브라우저 윈도우의 50 %로 설정된다 :
<HTML>
<프레임 셋 아이디 = "주"COLS의 = "50 %, 50 %">
<프레임 SRC = "frame_cols.htm">
<프레임 SRC = "frame_a.htm">
</ 프레임 셋>
</ HTML>
<프레임 셋 아이디 = "주"COLS의 = "50 %, 50 %">
<프레임 SRC = "frame_cols.htm">
<프레임 SRC = "frame_a.htm">
</ 프레임 셋>
</ HTML>
다음과 같이 "Frame_cols.htm"소스 코드는 다음과 같습니다
예
<html>
<head>
<script>
function changeCols()
{
parent.document.getElementById("main").cols="30%,70%"
}
function restoreCols()
{
parent.document.getElementById("main").cols="50%,50%"
}
</script>
</head>
<body>
<input type="button" onclick="changeCols()" value="Change column size">
<input type="button" onclick="restoreCols()" value="Restore column size">
</body>
</html>
<head>
<script>
function changeCols()
{
parent.document.getElementById("main").cols="30%,70%"
}
function restoreCols()
{
parent.document.getElementById("main").cols="50%,50%"
}
</script>
</head>
<body>
<input type="button" onclick="changeCols()" value="Change column size">
<input type="button" onclick="restoreCols()" value="Restore column size">
</body>
</html>
»시도
프레임 셋 객체