「CSS」list-style-typeリストの項目を小文字ギリシャ文字で指定
書式
list-style-type: lower-greek;
使用例
[CSS]roundで背景画像のサイズを調整する
書式
background: url(./img/xxx) round;
roundを使用する場合、右端に丸の一部が表示されていません。
使用例
「css」word-spacingプロパティで単語の間隔を指定する
書式
word-spacing: 数値 + 単位
使用例
「CSS」displayプロパティのinline-blockのサンプル
説明
inline-block
この要素はブロック要素ボックスを生成しますが、周囲のコンテンツに対しては単一のインラインボックスであるかのように流れるようになります。
htmlコード
<div ...
「CSS」プロパティvertical-alignのサンプル
説明
top
要素と子孫要素の上端を行全体の上端に揃えます。
使用例
CSSコード
.cftA{ vertical_align : top;}使用例
<td class=& ...
「CSS」:focusでフォーカスを表示するサンプル
書式
.クラス名:focus
:focus は CSS の 擬似クラスで、フォーカスを持っている (フォームの入力のような) 要素を表します。
使用例
1.htmlコード
<input c ...
「CSS」ラジオボタンに:defaultを利用するサンプル
説明
:default は CSS の擬似クラスで、関連する要素のグループ内で既定となっているフォーム上の要素を選択します。
使用例
1.htmlコード
「CSS」:first-of-typeのサンプル
書式
html要素:first-of-type
1.htmlコード
「JavaScript」CSSRule.cssTextでスタイルのテキストを返す方法
構文
string = cssRule.cssText
cssText は、CSSStyleSheet スタイル規則の実際のテキストを返します。
CSSコード
<style>
div ...
「CSS入門」セレクターの子結合子 (>)を使う方法
構文
セレクター1 > セレクター2 { スタイルプロパティ }
子結合子 (>) は2つの CSS セレクターの間に配置されます。
2つ目のセレクターが1つ目のセレクターの直接の子要素の場合にのみ ...
「CSS」セレクターリスト(,)を利用する方法
構文
element, element, element { style properties }
CSS の セレクターリストselector list (,) は,すべての一致するノードを選択します。
使用 ...
「CSS」overflow プロパティを使う方法
説明
CSS の overflow プロパティは、要素の内容が多すぎてブロック整形コンテキストに収まらない場合にどうするかを設定します。
構文
overflow: visible;
overflow: ...
「CSS」 position プロパティを使う方法
構文
position (static | relative | absolute | sticky | fixed)
使用例
/*位置指定*/
position: static;
/*相対位置 ...
[CSS]::after (:after)で最後の要素に類似要素を追加する
構文
::after (:after)
CSS において ::after は、選択した要素の最後の子要素として擬似要素を作成します。
htmlコード
「CSS」first-letterで最初の1文字にCSSを適用する
書式
クラス名::first-letter{xxx}
使用例
「CSS入門」clearプロパティ(none、left、right、both)を使うサンプル
説明
CSS の clear プロパティは、要素が先行する浮動要素の下に移動 (clear) する必要があるかどうかを設定します。
構文
1.clear:none
先行する浮動要素と切り離されず、下に移 ...
「CSS」break-allで単語の途中で改行
書式
word-break: break-all
使用例
「CSS入門」 CSS のプロパティword-breakのサンプル
説明
word-break: normal;
既定の改行
word-break:break-all
CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関す ...