CSS overflowプロパティにvisibleを指定してはみ出して表示する

2023年2月24日

環境
Windows 10 Home 64bit
Google Chrome　110.0.5481.105（Official Build）

構文
overflow: visible;
表示領域を超えた分は、はみ出して表示します。
日本語は改行されます。デフォルト。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
  .pA {
     border: 1px solid #000;
    width: 150px;
    height: 50px;
    background: LightBlue;
    overflow: visible;
  }
</style>
</head>
<body>

<p class="pA">studyskillbecomesmart</p>
<p class="pA">日本語表示領域を超える場合の表示方法</p>
 
</body>
</html>

結果
英語の表示領域を超えた分ははみ出して表示します。
日本語は改行されます。

CSS

Posted by arkgame

関連投稿: