clipプロパティは、絶対位置配置 （ position : absolute ） された要素の一部分だけを表示します。
| 値 (value) |
shape | rect(top right botom left) と時計回り順に表示領域をpx値で指定します。
|
| auto | 全て表示 | |
| inherit | 親要素からの継承 | |
| 適用要素 | 絶対位置配置 （ position : absolute ） された要素 | |
| 初期値 | auto | |
| 継承 | しません | |
XXXX はスタイルシート記述です。
XXXX はHTML記述です。
XXXX 背景色と内枠線は要素の範囲です。
XXXX 背景色と外枠線は親要素です。
| .oya | { | width | : | 16em | ; | |
| height | : | 6em | ; | |||
| position | : | relative | ; | } | ||
| .cl1 | { | position | : | absolute | ; | } |
とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち
で clipプロパティ を検証します。
| .cl2 | { | clip | : | rect(0px 200px 80px 0px) | ; | } |
とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち
| .cl3 | { | clip | : | (10px 200px 60px 10px) | ; | } |
とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち