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) | ; | } |
とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち