CSS の書式について解説します。スタイルを設定するためのセレクタを指定してプロパティと値を設定する方法や、様々なセレクタの指定方法について解説します。 (2022 年 02 月 19 日公開 / 2022 年 02 月 19 日更新) 基本書式 セレクタのグループ化 タイプセレクタ 子孫セレクタ 子供セレクタ 隣接兄弟セレクタ クラスセレクタ IDセレクタ 属性セレクタ ユニバーサルセレクタ
![CSSの書式 - HTML/XHTMLで使うCSS入門](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c5c17fd4a7e13eb78c1fb32b30f513e98db6a0e/height=288;version=1;width=512/https%3A%2F%2Fwww.webword.jp%2Fcssguide%2Fbasic%2Fimg%2Fp0-0.png)
■セレクタの種類 スタイルを適用する対象を指定するセレクタ(selector)には以下のものがあります。 ブラウザの種類やバージョンによって対応していない場合があるので注意してください。 セレクタ一覧表 名前セレクタの書式スタイルを適用する対象使用例 要素型セレクタ
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ
Index of / snapshot/ snapshot-stable/ 1.8.3/ 1.8.2/ 1.8.1/ 1.8.0/ 1.7.9/ 1.7.8/ 1.7.7/ 1.7.6/ 1.7.5/ 1.7.4/ 1.7.3/ 1.7.2/ 1.7.1/ 1.7.0/ 1.7.0-rc.0/ 1.6.9/ 1.6.8/ 1.6.7/ 1.6.6/ 1.6.5/ 1.6.4/ 1.6.3/ 1.6.2/ 1.6.10/ 1.6.1/ 1.6.0/ 1.6.0-rc.2/ 1.6.0-rc.1/ 1.6.0-rc.0/ 1.5.9/ 1.5.8/ 1.5.7/ 1.5.6/ 1.5.5/ 1.5.4/ 1.5.3/ 1.5.2/ 1.5.11/ 1.5.10/ 1.5.1/ 1.5.0/ 1.5.0-rc.2/ 1.5.0-rc.1/ 1.5.0-rc.0/ 1.5.0-beta.2/ 1.
A tutorial on how to create a slider with a “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique. Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く