CSS clip-path
関連タイピング
-
基礎的なHTML
プレイ回数3605英語54打 -
初心者向けです。
プレイ回数7617英語546打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数3563英語長文721打 -
TLJ専用のHTML（上級編）タイピングです。
プレイ回数2100長文60秒 -
TLJ専用のHTML練習用タイピングです。
プレイ回数4553260打 -
プレイ回数139960秒 -
HTMLタグの入力練習
プレイ回数473英語230打 -
htmlの冒頭部分です。
プレイ回数1049英語60秒
問題文
ふりがな非表示
ふりがな表示
(ｃｌｉｐ－ｐａｔｈ：ｉｎｓｅｔ（１０ｐｘ ５ｐｘ ｒｏｕｎｄ ５％）；)
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