https://developer.mozilla.org/ja/docs/Web/CSS/clip
上記URLに出てくる
clip: rect(1px, 10em, 3rem, 2ch);
上記は、どのような意味でしょうか。
No.1ベストアンサー
- 回答日時:
こんばんは
ご提示のページの説明文の「値」のところに解説にある通りです。
------ここから------
rect(<top>, <right>, <bottom>, <left>) 形式の矩形の <shape> です。 <top> と <bottom> は、ボックス境界の上辺からのオフセットを表します。<right> と <left> は、ボックス境界の左辺からのオフセットを表します。これがボックスの中身となります。
------ここまで------
>clip: rect(1px, 10em, 3rem, 2ch);
は、境界から上右下左の順に、1px, 10em, 3rem, 2ch の長さ分をトリミングして切り抜くという意味です。
単位がいろいろ使われていますが、それぞれ
px:ピクセル
em:親要素のフォントサイズ1文字分
rem:ルート要素のフォントサイズ1文字分
ch:その要素のフォントの 「0」 の幅
を単位とする長さを意味します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Macで画像の切り抜きできないの?
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
-
liタグの中に<p>タグやら<dl>を...
-
brにクラスをつけてcssでdispla...
-
【ヒトの神秘】美男美女から何...
-
ホームページビルダー19SPで...
-
子孫セレクタの読み方をおしえ...
-
リストマーカーをボックス内に...
-
スタイルシートで、id属性の中...
-
widthやheightの数値に単位(px...
-
含む含まないという概念自体の...
-
form input テキストを上下中央...
-
HTMLで文字が重なって表示されます
-
3カラムレイアウトで「常に残り...
-
CSS検証サービス
-
定義リストに下線をつけたいと...
-
「諸要素」とはどういう意味で...
-
smallにtext-allignが効かない
-
ホームページで画像を横に並べ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Macで画像の切り抜きできないの?
-
iPadのスクリーン座標のサイズ...
-
横幅が狭いホームページ
-
PNG画像の余白をカットする方法...
-
スタイルシートの"_width"って...
-
cssのclipについて
-
JAVAのプログラムとCSSの組み合...
-
cssで点線を表示する方法
-
Flashオブジェクト(swf)のセン...
-
ラグランジェの未定係数を使っ...
-
テーブルのセル内のマージン
-
Dreamweaverでレイヤーを点線で...
-
最近よくWEBで見かけるストライ...
-
スペーサーGIFの作り方
-
HP作成について
-
iPhone Safari 画像の幅指定が...
-
画像のサイズ
-
レスポンシブWEBデザイン p要...
-
画用紙 26cm×37.5cmは 何px で...
-
htmlの文字が縦書きになる
おすすめ情報