× 無料のユーザー登録をすると学習状況を管理することができるようになります
最新版のレッスンはこちらから » 【最新版】Chrome Developer Tools入門 (全10回)

#04 Elementsパネルを使ってみよう (2)

さて、Elements パネルで DOM の様子を見ることができたので、それにあたっているスタイルを右側で見ていきましょう。
ここの Styles というところで、CSS で書いた色々な設定を見ることができます。

DOMのスタイルを確認、編集していく方法について説明していきます。

  • 適用されているスタイルの確認
  • スタイルの編集
  • ボックススタイルの確認
  • 擬似セレクタのシミュレーション

このレッスンでは Google Chrome 19.0 を使用しています。

このレッスンの問題を報告する

この動画に関する、よくある質問はまだありません。

プレミアム会員(月額980円)になると、全レッスンの素材ファイルをダウンロードできます。

詳しい説明を読む

プレミアム会員(月額980円)になると、全レッスンのソースコードを見られるようになります。

詳しい説明を読む

このレッスンの問題を報告する

プレミアム会員(月額980円)になると、全レッスンのデモを見られるようになります。

詳しい説明を読む
先生に質問してみよう (試験運用中)