CSS overflowプロパティにvisibleを指定してはみ出して表示する
環境
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>
結果
英語の表示領域を超えた分ははみ出して表示します。
日本語は改行されます。