ナビゲーションのマークアップとCSSデザイン

クロスブラウザなレイアウトデザインテクニック第4回

山田祥寛[監修] / WINGSプロジェクト　宮本麻矢[著]

2009/07/21 14:00

　本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介しています。今回から次回にかけて、より実践的なテクニックとして、「ナビゲーション」を例にクロスブラウザな表示を意識したスタイリング方法を紹介していきたいと思います。

目次
Page1 はじめに対象読者必要な環境リンクのスタイリングの基本リンクのデフォルトスタイル text-decorationプロパティでリンクテキストの下線を制御
Page2 borderプロパティでリンク画像の枠線を制御リンク擬似クラスで未訪問リンクと既訪問リンクのスタイルを振り分けるダイナミック擬似クラスでユーザーアクションに応じてスタイルを振り分ける複数の擬似クラスを指定する場合は、記述順序に注意する
Page3 リストのスタイリングの基本リストマーカーを確実に表示するマーカーを画像で表示する
Page4 リスト項目を横に並べるまとめ

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

あなたにオススメ

山田祥寛（ヤマダヨシヒロ）

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「入門シリーズ（サーバサイドAjax／XM...
WINGSプロジェクト　宮本麻矢（ミヤモトマヤ）

＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...

連載:クロスブラウザなレイアウトデザインテクニック