CSS 構文 ボーダー(色･形･太さ･画像)
border-radius border-image
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 2883 | すごいね！ | 2.9 | 97.6% | 484.8 | 1433 | 35 | 54 | 2025/10/01 |
関連タイピング
-
C言語を用いた記号・数字のタッチタイピング練習です。
プレイ回数2028英語長文220打 -
キーボードにある記号全て使います！！
プレイ回数3046英語60秒 -
javaやpythonのコードを打つタイピングです
プレイ回数941長文60秒 -
JavaScript 暗記用です
プレイ回数1456英語長文851打 -
コマンドラインやプログラミング言語のタイピング練習用
プレイ回数2120英語長文90秒 -
ホームポジションが自然と身につく！
プレイ回数303短文60秒 -
HTML5とCSS3を学ぼう
プレイ回数2.7万長文869打 -
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数3905英語長文120秒
問題文
(border-color:red;)
border-color:red;
(border-color:blue navy;)
border-color:blue navy;
(border-color:pink tomato gray;)
border-color:pink tomato gray;
(border-color:purple black brown violet;)
border-color:purple black brown violet;
(border-style:none;)
border-style:none;
(border-style:hidden;)
border-style:hidden;
(border-style:groove;)
border-style:groove;
(border-style:ridge;)
border-style:ridge;
(border-style:inset;)
border-style:inset;
(border-style:outset;)
border-style:outset;
(border-style:solid double;)
border-style:solid double;
(border-style:hidden dotted dashed;)
border-style:hidden dotted dashed;
(border-style:solid double groove ridge;)
border-style:solid double groove ridge;
(border-width:1ex;)
border-width:1ex;
(border-width:5px 10px;)
border-width:5px 10px;
(border-width:thin medium thick;)
border-width:thin medium thick;
(border-width:5px 10px 15px 20px;)
border-width:5px 10px 15px 20px;
(border:inset 10px yellow;)
border:inset 10px yellow;
(border-top-color:green;)
border-top-color:green;
(border-top-style:double;)
border-top-style:double;
(border-top-width:7px;)
border-top-width:7px;
(border-top:dashed 3px pink;)
border-top:dashed 3px pink;
(border-bottom-color:plum;)
border-bottom-color:plum;
(border-bottom-style:double;)
border-bottom-style:double;
(border-bottom-width:9px;)
border-bottom-width:9px;
(border-bottom:dotted 8px magenta;)
border-bottom:dotted 8px magenta;
(border-left-color:royalblue;)
border-left-color:royalblue;
(border-left-style:groove;)
border-left-style:groove;
(border-left-width:thin;)
border-left-width:thin;
(border-right-color:aqua;)
border-right-color:aqua;
(border-left:solid 1ex gray;)
border-left:solid 1ex gray;
(border-right-style:dotted;)
border-right-style:dotted;
(border-right-width:thick;)
border-right-width:thick;
(border-right:solid 8px orange;)
border-right:solid 8px orange;
(border-radius:1rem;)
border-radius:1rem;
(border-radius:50%;)
border-radius:50%;
(border-radius:10px 20px 30px 40px/50px 60px 70px 80px;)
border-radius:10px 20px 30px 40px/50px 60px 70px 80px;
(border-top-left-radius:10px 20px;)
border-top-left-radius:10px 20px;
(border-top-right-radius:30% 40%;)
border-top-right-radius:30% 40%;
(border-bottom-left-radius:50px;)
border-bottom-left-radius:50px;
(border-bottom-right-radius:60% 30%;)
border-bottom-right-radius:60% 30%;
(border-image-source:url(border.png);)
border-image-source:url(border.png);
(border-image-slice:20%;)
border-image-slice:20%;
(border-image:url(border.png)15/10px round;)
border-image:url(border.png)15/10px round;
(border-image-slice:15;)
border-image-slice:15;
(border-image-width:10px;)
border-image-width:10px;
(border-image-width:2;)
border-image-width:2;
(border-image-width:5%;)
border-image-width:5%;
(border-image-width:auto;)
border-image-width:auto;
(border-image-slice:10 fill;)
border-image-slice:10 fill;
(border-image-repeat:repeat;)
border-image-repeat:repeat;
(border-image-repeat:round;)
border-image-repeat:round;
(border-image-repeat:stretch;)
border-image-repeat:stretch;
(border-image-repeat:space;)
border-image-repeat:space;