CSS 要素名[属性名~=”値”]で属性の値がどれか一つに合致する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
要素名
属性の値が複数ある場合で、指定の属性の値がどれかひとつに合致する要素 ...
CSS 要素名[属性名=”値”]で指定の属性を設定する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
要素名
指定の属性の値がある要素にCSSを適用します。
使用例 ...
CSS セレクタの区切り文字なし対象を絞り込むサンプル
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ1セレクタ2
セレクタの区切り文字はありません。
対象を絞り ...
CSS 階層構造の対象を絞り込む方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ1 セレクタ2
セレクタの区切り文字が空白を指定して階層構造の対象を絞り ...
CSS セレクタをカンマで複数のセレクタを対象にするサンプル
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ1,セレクタ2{CSSコード}
セレクタをカンマ区切ります。 ...
CSS 属性セレクタと擬似要素を指定する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
属性セレクタ:疑似要素
例p::before
属性セレクタpの後に、 ...
CSS 擬似クラスと擬似要素を指定する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
疑似クラス:疑似要素
例a:link::before
擬似クラスのa ...
CSS nth-last-childで後ろから数えてCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
適用 セレクタ:nth-last-child( 数値 ){
処理コード ...
CSS nth-childでn1番目の行からn2番目の行までにCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ:nth-child(n+n1番目の数値):nth-child(-n+n2番 ...
CSS nth-child(2n)で偶数の行にCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ:nth-child(2n){
}
同じ親要素を持つ子要素の ...
CSS ::first-letterで最初の1文字目にCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ::first-letter{
}
「::first-let ...
CSS nth-child(2n+1)で奇数の行にCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ名:nth-child(2n+1){
}
同じ親要素を持つ子 ...
CSS ::first-lineで最初の1行目にCSSを適用する
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
セレクタ::first-line{
} ...
CSS :nth-of-typeで指定した行にCSSを適用する方法
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
セレクタ:nth-child (数値){
} ...
CSS overflowプロパティにvisibleを指定してはみ出して表示する
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
overflow: visible;
表示領 ...
CSS overflow-wrapプロパティにbreak-word)を指定して単語の途中改行
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
overflow-wrap: break-word; ...
CSS letter-spacingで文字の間隔を指定する
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
letter-spacingは、文字の間隔を指定します。 ...
CSS word-spaceing 英文の単語の間隔を指定する
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
word-spaceing : 値
値は、数 ...