webクリエイター試験CSS編 Ss

背景
投稿者投稿者ひろいいね3お気に入り登録
プレイ回数5328難易度(3.0) 1629打 長文 英字
webクリエイター試験上級までカバー
webクリエイター試験を受験するために練習用として作成しました。
不具合、改善、提案等ありましたら連絡ください。

関連タイピング

問題文

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

(link visited hover active)

疑似クラス 順番に!

(/**/)

コメント

(color:)

文字色を指定する。

(text-align:)

水平方向を指定する。

(left center right)

左・中央・右

(text-decoration:underline line-through none)

文字装飾を設定する。

(text-indent:)

インデントを設定する。

(vertical-align:baseline sub super)

インラインで垂直方向を指定する。

(vertical-align:baseline top bottom middle)

セル内で垂直方向を指定する。

(text-transform:capitalize uppercase lowercase none)

大文字/小文字を設定する。

(letter-spacing:)

文字間隔を設定する。

(white-space:normal pre nowrap)

空白の扱いを設定する。

(line-height:)

行送りを設定する。

(font-family:)

フォントを指定する。

(serif sans-serif cursive fantasy monospace)

フォント:値(一般名)

(font-size:)

フォントのサイズを指定する。

(font-weight:)

文字の太さを指定する。

(bold bolder lighter normal)

フォントサイズ:値

(font-style:)

斜体を設定する。

(font:)

文字属性を一括指定する。

など

(background-color:)

背景の色を指定する。

(background-image:url(””))

背景に画像を貼りこむ。

(background-attachment:fixed scroll)

背景の固定・スクロールを指定する。

(background-repeat:)

画像貼りこむ方法を調整する。

(repeat repeat-x repeat-y no-repeat)

並べて、横方向のみ、縦方向、1つだけ表示。

(background-position:)

背景画像の位置を指定する。

(left center right top center bottom)

左端、中央、右端、上端、中央、下端。

(background:)

背景に関する属性をまとめて設定する。

(border-style:)

枠線のスタイルを指定する。

(solid double groove ridge)

実線、二重線、溝線、稜線

(inset outset none hidden dashed dotted)

沈み込み、浮き出し、枠線なし、枠線を非表示、破線、点線。

(border-top-style:)

枠線のスタイルを個別に指定する。

(border-right-style:)

枠線のスタイルを個別に指定する。

(border-bottom-style:)

枠線のスタイルを個別に指定する。

(border-left-style:)

枠線のスタイルを個別に指定する。

(border-width:)

枠線の太さを指定する。

(thin medium thick)

細線、通常の線、太線。

(border-top-width:)

枠線の太さを個別に指定する。

(border-right-width:)

枠線の太さを個別に指定する。

(border-bottom-width:)

枠線の太さを個別に指定する。

(border-left-width:)

枠線の太さを個別に指定する。

(border-color:)

枠線の色を指定する。

(transparent)

透明

(border-top-color:)

枠線の色を個別に指定する。

(border-right-color:)

枠線の色を個別に指定する。

(border-bottom-color:)

枠線の色を個別に指定する。

(border-left-color:)

枠線の色を個別に指定する。

(border-top:)

各枠線の属性をまとめて指定する。

(border-right:)

各枠線の属性をまとめて指定する。

(border-bottom:)

各枠線の属性をまとめて指定する。

(border-left:)

各枠線の属性をまとめて指定する。

(margin:)

マージンを指定する。

(margin-top:)

マージンを個別に設定する。

(margin-right:)

マージンを個別に設定する。

(margin-bottom:)

マージンを個別に設定する。

(margin-left:)

マージンを個別に設定する。

(padding:)

内容と枠線の間隔を指定する。

(padding-top:)

内容と枠線の間隔を個別に指定する。

(padding-right:)

内容と枠線の間隔を個別に指定する。

(padding-bottom:)

内容と枠線の間隔を個別に指定する。

(padding-left:)

内容と枠線の間隔を個別に指定する。

(position:)

要素の配置の方法を指定する。

(static; relative; absolute;)

指定なし、通常位置からの相対位置、親要素に対して絶対位置。

(top: bottom:)

上下の位置を指定する。

(left: right:)

左右の位置を指定する。

(height:)

ボックス要素の高さを指定する。

(width:)

ボックス要素の幅を指定する。

(overflow:)

ボックスの内容あふれの処理方法を指定する。

(visible; hidden; scroll;)

すべて、範囲内のみ、スクロールバーを表示。

(z-index:)

重ね合わせの順序を指定する。要position属性

(visibility:)

表示/非表示を設定する。

(visible; hidden;)

表示、指定した箇所を空白として表示。

(display:)

表示形式を変更する。

(block; inline; list-item; none;)

ボックス、インライン、リストアイテム要素、存在しないものとする。

(float:)

ボックス要素に対して、テキストの回り込みを指定する。

(left; right; none;)

ボックスが左、右、回り込みなし。

(clear:)

回り込みを解除する。

(left; right; both; none;)

left、right、両方解除する。解除しない。

(list-style-type:)

リストのマークを指定する。

(disc; circle; square; decimal; none;)

黒丸、白丸、四角、10進数、なし

(lower-roman; upper-roman; lower-alpha; upper-alpha;)

小文字、大文字のローマ数字。小文字、大文字のアルファベット。

(list-style-image:url(””);)

リストのマークにイメージを指定する。

(list-style-position:)

リストのぶら下げインデントを指定する。

(inside; outside;)

リストのぶら下げインデントの値

(list-style:)

リストマークを一括指定する。

(px % em)

単位

(#000000)

(#ffffff)

(black gray white red yellow green)

黒 灰色 白 赤 黄色 緑

(blue navy aqua lime pink transparent)

青 紺色 水色 黄緑色 ピンク 透明

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