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

投稿者marine プレイ回数101
難易度(3.3) 1434打 英語 英字 タグcss 暗記用 プログラミング border
CSSの暗記用です 境界線のスタイリング
border-color border-style border-width
border-radius border-image
順位名前スコア称号打鍵/秒正誤率時間(秒)打鍵数ミス問題日付
1 mh 2424 頑張ったね! 2.5 95.9% 566.4 1434 61 54 2020/07/04

関連タイピング

プログラマー的タイピングマスターの道:初級①

プログラマー的タイピングマスターの道:初級①

タイピングをマスターしたい方向けの問題です。

プレイ回数10297
長文302打
HTML5+CSS3

HTML5+CSS3

HTML5とCSS3を学ぼう

プレイ回数19063
長文869打
プログラマー的タイピングマスターの道:初級⑤

プログラマー的タイピングマスターの道:初級⑤

タッチタイピングをマスターしたい方向けの問題です。

プレイ回数2069
長文英字342打
プログラマー的タイピングマスターの道:上級②

プログラマー的タイピングマスターの道:上級②

タッチタイピングをマスターしたい方向けの問題です。

プレイ回数1770
長文251打
プログラマー的タイピングマスターの道:中級①

プログラマー的タイピングマスターの道:中級①

タッチタイピングを本当にマスターしたい方向けの問題です。

プレイ回数2739
長文英字344打
HTML・CSSの言語を覚える為専用

HTML・CSSの言語を覚える為専用

読み方の勉強です。

プレイ回数773
短文英字171打

問題文

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

(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のタイピング

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

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

人気ランキング

注目キーワード