CSS clip-path
関連タイピング
-
javascript Audio
プレイ回数151 60秒 -
htmlの冒頭部分です。
プレイ回数1153 英語60秒 -
HTMLのタグを打とう!
プレイ回数1023 短文90秒 -
CSSでよく使うプロパティのタイピング
プレイ回数499 英語長文584打 -
プレイ回数525 長文312打 -
プログラミングでよく使う記号や構文を練習したい人向け
プレイ回数1万 長文956打 -
初心者向けです。
プレイ回数8461 英語546打 -
htmlの雛形覚え用
プレイ回数1217 英語長文258打
問題文
ふりがな非表示
ふりがな表示
(ｃｌｉｐ－ｐａｔｈ：ｉｎｓｅｔ（１０ｐｘ ５ｐｘ ｒｏｕｎｄ ５％）；)
inset（上 右 下 左 round 左上 右上 右下 左下）
(ｃｌｉｐ－ｐａｔｈ：ｃｉｒｃｌｅ（５０ｐｘ ａｔ ｒｉｇｈｔ ｔｏｐ）；)
circle(半径 at 位置）
(ｃｌｉｐ－ｐａｔｈ：ｅｌｌｉｐｓｅ（６０ｐｘ ４０ｐｘ ａｔ ６０ｐｘ ４０％）；)
ellipse（x半径 y半径 at 左右 上下 中心の位置
(ｃｌｉｐ－ｐａｔｈ：ｐｏｌｙｇｏｎ（０％ ０％，１００％ ０％，５０％ １００％）；)
poygon(X座標 y座標のペア）;
(ｃｌｉｐ－ｐａｔｈ：ｃｉｒｃｌｅ（５０％）；ｓｈａｐｅ－ｏｕｔｓｉｄｅ：ｃｉｒｃｌｅ（５０％）；)
shape-outside: clip-pathと同じ;
(ｓｈａｐｅ－ｍａｒｇｉｎ：１０ｐｘ；)
shape-margin:
(ｃｏｌｏｒ：ｔｒａｎｓｐａｒｅｎｔ；)
color:rgba(0,0,0,0);
(ｂａｃｋｇｒｏｕｎｄ－ｃｌｉｐ：ｔｅｘｔ；)
background-clip