Wikibooks

「CSS」の版間の差分

履歴の双方向閲覧
← 古い編集次の差分 →
削除された内容 追加された内容
ビジュアルウィキテキスト
→‎※ 未分類: CSSはheadタグの中に入れるのが標準だったのでコード修正。ついでにhtmlソースコードのインデントをvisual studio で調整した。
56 行
<!DOCTYPE html>
<html lang="ja">
 
<head>
<title>CSSによるページ左右分割のコード例</title>
</head>
 
<style type="text/css">
 
.left {
width: 60%;
float: left;
background-color: #CCCCFF;
}▼
}
 
.right {
width: 30%;
float: right;
background-color: #FFAAAA;
}
}
 
.kaigyo1 {
word-break: break-all;
overflow-wrap: anywhere;
}
}
 
.kaigyo2 {
word-break: break-all;
overflow-wrap: anywhere;
}
}
</style>
 
</stylehead>
 
<body>
 
<div class="left">
<div class="kaigyo1">
aaa aaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</div>
<div class="right">
<div class="kaigyo2">
bbbbbbb bbbbbbbbbbbbbb bbbbbbbbbbbbbbbbb bbbbbbbbbbbb
</div>
</div>
 
▲
</body>
</html>
125 ⟶ 123行目:
 
他にもピクセル単位(px)でwidthなどの幅を指定する方法もある。
 
余談だが、一般にCSSのコードは head タグの中に入れるのが普通である（入れなくても動作する）。
 
{{-}}
"https://ja.wikibooks.org/wiki/CSS" より作成