W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> div.ex1 { width: 500px; margin: auto; border: 3px solid #73AD21; } div.ex2 { max-width: 500px; margin: auto; border: 3px solid #73AD21; } </style> </head> <body> <h2>CSS Max-width</h2> <div class="ex1">この div 要素の幅は 500px;</div> <br> <div class="ex2">この div 要素の最大幅は 500px;</div> <p><b>ヒント:</b> 両方の div を表示するには、ブラウザ ウィンドウの幅を 500 ピクセル未満にドラッグします。 </p> </body> </html>