CSS

CSS

はみ出る部分を処置方法 [overflow]

overflow:表示方式visible(ボックスからはみ出して表示)hidden(はみ出した部分を表示しない)scroll(スクロールして見れるようにする)auto(必要に応じてスクロールが出る).sample1{overflow:vis...
CSS

表示されないようにする [display:none]

display:none(その要素がない状態)visibility:hidden(領域はあるが見えない状態).none{display:none}.hidden{visibility:hidden}すぐ下には表示されない段落がある。「dis...
CSS

重なる十順序を指定 [z-index]

z-index:重なる順序.sample{ z-index:2;}
CSS

絶対的な位置に固定配置 [position:fixed]

position:fixed(絶対位置であること示す)top:距離(上からの距離)bottom:距離(下からの距離)left:距離(左からの距離)right:距離(右からの距離)div{ position:fixed; top:50px; ...
CSS

相対的な位置に配置 [position:relative]

position:relative(絶対位置であること示す)top:距離(上からの距離)bottom:距離(下からの距離)left:距離(左からの距離)right:距離(右からの距離)div{ position:relative; top:...
CSS

絶対的な位置に配置 [position:absolute]

position:absolute(絶対位置であること示す)top:距離(上からの距離)bottom:距離(下からの距離)left:距離(左からの距離)right:距離(右からの距離)div{ position:absolute; top:...
CSS

回り込みを解除 [clear]

clear:どちら側を解除するかleft(左側を解除)right(右側を解除)both(両側を解除)none(解除しない).left{ clear:left;//左側を解除}.both{ clear:both;}
CSS

左右への回り込み配置 [float]

float:配置位置leftrightnone.left{ float:left;}
CSS

幅と高さの指定 [width height]

width:height:.sample1{ width:200px; height:150px;}幅200px高さ150pxで指定
CSS

枠線をまとめて指定 [border]

border-top:上の線border-bottom:下の線border-left:左の線border-right:右の線border:.sample1{border:double 5px #ff9900;}.sample1{border...