はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ counter-increment

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

CSSのcounter-incrementを使ってリスト以外に番号を付ける方法|Webpark

2013/02/18 このエントリーをはてなブックマークに追加 98 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark プロパティ CSSプロパティ CSS サンプル

あまり使っているのを見たことがないマイナーなCSSプロパティ「counter-increment」を使ったサンプルを紹介します。 「counter-increment」というプロパティを初めて聞いたという方も多いかもしれません。「counter-increment」は、サンプルのように番号を自動的に付けるときに使われます。リスト(list-style-type: decimal)のような感じですね... 続きを読む

CSS3でシャレオツなリストを作るチュートリアル:phpspot開発日誌

2012/06/22 このエントリーをはてなブックマークに追加 179 users Instapaper Pocket Tweet Facebook Share Evernote Clip チュートリアル シャレオツ phpspot開発日誌 CSS3

CSS3 ordered list styles - RedTeamDesign CSS3でシャレオツなリストを作るチュートリアル。 list-styleを無効にしてブラウザ標準の数字部分をやめて、content: counter(li), counter-increment といったプロパティを使って数値部分を独自にデザインしています。 リスト部分の数字のデザインはなかなか難しかったと個人的に記... 続きを読む

[CSS]ol要素に頼らないナンバリングするスタイルシートのテクニック | コリス

2011/12/06 このエントリーをはてなブックマークに追加 74 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CSS ol要素 ナンバリング dl要素

下記は各ポイントを意訳したものです。 ol要素を使用しないでナンバリングをするコンテンツは、例えばデモにあるようなFAQのリストです。 このFAQのリストは、dl要素で実装されています。 dl要素でナンバリングしたデモページ ※実装は、下記で紹介。 ナンバリングの実装には擬似要素と「counter-increment」を利用しており、アイデアの元となったのは「Styling ordered lis... 続きを読む

 
(1 - 3 / 3件)