はみ出した場合の表示方法を参照／設定する

書式

$(〜).overflow(value)
$(〜).overflow()

value : はみ出した場合の表示方法

説明

はみ出した場合の表示方法を参照／設定するにはoverflow()を使います。パラメータが指定されるとスタイルプロパティのoverflowに表示方法が設定されます。パラメータが指定されていない場合はoverflowに設定されている表示方法が返されます。
Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"><!--
function setOverflow(val){
$("#result").overflow(val);
alert($("#result").overflow());
}
// --></script>
</head>
<body>
<h1>はみ出した場合の表示方法を参照／設定する</h1>
<form>
<input type="button" value="hiddenに設定" onClick="setOverflow('hidden')">
<input type="button" value="scrollに設定" onClick="setOverflow('scroll')">
<input type="button" value="visibleに設定" onClick="setOverflow('visible')">
<input type="button" value="autoに設定" onClick="setOverflow('auto')">
</form>
<div id="result">ここに表示されている<br>文字が指定された幅から<br>
はみ出した場合の<br>表示方法を指定することができます。
</div>
</body>
</html>