CSS 構文 ボーダー(色・形・太さ・画像)

投稿者marineプレイ回数114
難易度(3.3) 1434打 英語 英字タグcss 暗記用 プログラミング border
CSSの暗記用です 境界線のスタイリング
border-color border-style border-width
border-radius border-image
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 2859 すごいね! 3.1 91.1% 452.5 1434 140 54 2020/09/17

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(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;

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

◆コメントを投稿

※他者を中傷したり、公序良俗に反するコメント、宣伝行為はしないでください。

※このゲームにコメントするにはログインが必要です。

marineのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表

人気ランキング

注目キーワード