「CSS」font-weightで文字の太さを数字で指定するサンプル
書式
font-weight: 数値
使用例
「CSS」font-familyでフォントを指定するサンプル
書式
/* 総称ファミリ名のみ */
font-family: serif;
font-family: sans-serif;
font-family: monospace;
font-fami ...
「CSS」list-style-typeリストプロパティを10進数の数値decimalで指定
書式
list-style-type: decimal;
数値です。 1 から始まります。
使用例
「CSS」:langで指定の言語の要素をCSS適用するサンプル
書式
セレクタ:lang(引数)
サンプルコード
[CSS]2枚の背景画像を重ねて表示するサンプル
書式
.クラス名 {
background: url(“./img/画像1.png”), url(“./img/画像2.png”);
}
引数の1つめの画 ...
「CSS3」ページ付け（pagination）を表示するサンプル
CSSコード
<style>ul.pagination { display: inline-block; padding: 0; margin: 0;}ul.pagination li {display: inlin ...[CSS]階層構造で一般兄弟結合子のサンプル
構文
セレクタ1 ~ セレクタ2
一般兄弟結合子 (general sibling combinator, ~) は 2 個のセレクターを結びつけ、
「CSS」list-style-typeプロパティで白い丸を指定する
構文
list-style-type: circle;
使用例
<style> .cft { list-style-type: circle;/* 中空円 */}</style>< ...「CSS」divブロック要素のサンプル
書式
クラス名 div{xxx}
使用例
「CSS」fa fa-paint-brushでブラシ筆を実装するサンプル
書式
<i class=”fa fa-paint-brush” aria-hidden=”true”></i>
使用例
[CSS]インライン要素のspanのサンプル
書式
クラス名 span{xxx}
使用例
[CSS]nth-childで偶数の行のスタイルシートを適用する
書式
tr:nth-child(2n)
使用例
「CSS」background:noneで背景画像を上書きして画像なしにする
書式
.クラス名{
background:none;
}
「background:none」を使って既にあるbackgroundの背景画像に対して上書きして消せます。
使用例
「CSS」list-style-typeプロパティで黒い丸を指定する
書式
list-style-type: disc
使用例
「CSS」fixedでスクロールしても背景画像を固定する
書式
background: url(./img/画像名) fixed;
urlの後にfixedを指定してスクロールしても背景画像は固定します。
デフォルトの場合、scrollでスクロールとともに背景画像も移動 ...
「CSS入門」:checkedのサンプル
書式
セレクタ:checked {
}
使用例
1.CSSコード
「CSS」display:inlineでインライン要素扱いで横に並べる
構文
display : inline
要素は自分自身の前後に改行を生成しない、一つ以上のインライン要素ボックスを生成します。
通常フローでは、次の要素は空間があれば同じ行に来ます。
インライン要素ボッ ...
「CSS」display:blockでブロック要素を縦に並べる
構文
display: block;
要素は、ブロック要素ボックスを生成し、通常フローでは要素の前後に改行を生成します。
前後に改行が入るのでボックスは、縦に並びます。widthプロパティとheightプロパテ ...