CSSのbackground-sizeプロパティ
CSSのbackground-sizeプロパティは、背景画像のサイズを指定するために使用されます。
例
次のコードを実行して、CSSにbackground-sizeプロパティを実装してみてください。
<html> <head> <style> #demo { border: 5px dashed green; padding: 10px; background-image: url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg"); background-size: 200px 100px; } </style> </head> <body> <div id="demo"> <h1>www.tutorialspoint.com</h1> <p>The website www.tutorialspoint.com is owned and maintained by Tutorials Point India Private Limited, henceforth termed as “we”, “our”, “us”, or the “company”. All the visitors, users, learners, contributors, teachers, and instructors are named as "users"; and the website tutorialspoint.com is termed as "website" everywhere in this document. We are committed to protecting your privacy online. This privacy policy explains what information we collect from you or what information you share with us when you visit the website. We review our policy from time to time, so you are advised to check the latest version.</p> </div> </body> </html>
-
CSS空白プロパティ
空白プロパティを使用して、要素内の空白を操作します: 例 <!DOCTYPE html> <html> <head> <style> p.demo1 { white-space: normal; } &nbs
-
CSSの書き込みモードプロパティ
書き込みモードプロパティは、テキストの行を水平方向に配置するか垂直方向に配置するかを設定するために使用されます。プロパティ値は-です writing-mode: horizontal-tb|vertical-rl|vertical-lr; 例 <!DOCTYPE html> <html> <head> <style> p { writing-mode: vertical-rl; } </style> </head> <body> <h1>Demo Heading</h