「CSS」overflowの値scrollを指定してスクロールバーを表示する
環境
Google Chrome 102.0.5005.115
構文
overflow:scroll;
表示する文字に係らず常にスクロールバーを表示します。
使用例
<!DOCTYPE html>
<html>
<head>
<style>
div.cft{
width:150px;
height:60px;
border:1px solid #808080;
overflow:scroll;
}
</style>
</head>
<body>
<div class="cft">
study<br>
skill
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
div.cft{
width:150px;
height:60px;
border:1px solid #808080;
overflow:scroll;
}
</style>
</head>
<body>
<div class="cft">
study<br>
skill
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
div.cft{
width:150px;
height:60px;
border:1px solid #808080;
overflow:scroll;
}
</style>
</head>
<body>
<div class="cft">
study<br>
skill
</div>
</body>
</html>
結果
表示する文字にスクロールバーは表示されます。