CSS 構文 ボーダー(色･形･太さ･画像)
CSSの暗記用です 境界線のスタイリング
border-color border-style border-width
border-radius border-image
border-radius border-image
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 3315 | プロフェッショナル！ | 3.3 | 97.6% | 421.7 | 1433 | 35 | 54 | 2026/02/11 |
関連タイピング
-
HTML＆CSSを忘れないために
プレイ回数2.9万 英語長文759打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数3958 英語長文721打 -
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数4566 英語長文120秒 -
競技プログラミングに特化したc++コードのタイピングです。
プレイ回数3005 英語長文300秒 -
プレイ回数710 英語短文159打 -
python 基本
プレイ回数814 英字120打 -
プレイ回数864 長文記号201打 -
JavaScript暗記用です
プレイ回数3647 英語長文841打
問題文
ふりがな非表示
ふりがな表示
(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;