「属性」「プロパティ」「アトリビュート」の違い

CSS

　状態:- 　閲覧数:9,182 　投稿日:2013-03-27 　更新日:2013-03-27

「属性」「プロパティ」「アトリビュート」


・以前から疑問だった「属性」「プロパティ」「アトリビュート」の違いについて調べてみる

結論


・大きな違いはない
・「属性」の英語表記が、「アトリビュート」もしくは「プロパティ」
・CSS「属性」については、「プロパティ」と言うことが多い
・HTML「属性」については、「アトリビュート」と言うことが多い
※何れも、その限りではない


今後、実際に利用する際、自分の中でどのようなルールを設けるか

　閲覧数:807　投稿日:2013-03-27　更新日:2013-03-27

今後の運用


・「属性」を使っておけば一番間違いない
・だけど、CSS「プロパティ」、HTML「属性」と言ったほうが、個人的にはしっくりくる(片方だけが日本語表記なのも考えてみれば若干変な気もするが…)
CSSプロパティーをCSS属性と呼ばないのは、HTML属性の”属性”とCSSプロパティーの”属性”を区別するためだと思います。
一般に、”属性”という時はHTMLの属性を指しますし、”プロパティー”という時はCSSの属性を指します。
識別し易くするために、CSSの属性は”プロパティー”と名づけたのでしょう
・そう言われてみれば、確かにその通りかもしれない

ホームページ作成者は意味の上では、HTML属性もCSSプロパティーも共に”属性”であると理解しておく事は大事です。
まぁ、知らなくてもホームページ作成は出来ますが
・確かにその通り
・これまで適当にスルーしてきたけど、でも折角の機会だから、ちょっと調べてみよう

範囲と表記の一覧

　閲覧数:836　投稿日:2013-03-27　更新日:2015-12-31

HTML


構成



CSS


セレクタ { プロパティ:値 ; プロパティ:値 ; … }
・上記と整合性を合わせるのなら、
セレクタ名 { プロパティ名:プロパティ値 ; プロパティ名:プロパティ値 ; … }
・セレクタの種類

「マウスオーバー」「ロールオーバー」「ホバー」の違い

「bgcolor」「background-color」「background」の違い



類似度ページランキング
順位 ページタイトル抜粋 ％
1 「属性」「プロパティ」「アトリビュート」の違い 78
2 「CSSプロパティ」書く順番 38
3 「ボタン」と「テキストリンク」の使い分け 33
4 ストリートビューが使いにくくなった 30
5 resizeプロパティ 29
6 「マウスオーバー」「ロールオーバー」「ホバー」の違い 29
7 ボタン候補2 ／ 「ボタン」エリア外で「テキスト」表示しても良いの？ 28
8 positionプロパティのrelative指定は、デフォルトではない 28
9 transformプロパティ 27
10 ダウンロードしたモックアップベクター素材の感想を書いてみる予定のエントリー 27
11 「クリエイティブ・コモンズ・ライセンス」以外の画像素材サービス「ライセンス規約」 25
12 「ヴィンテージ」画像フィルタ実行例 25
13 モバイル対応サイトリニューアル仕様案 24
14 「東京都」のカラーコード取得は難しい 24
15 アンカーポイントの追加 24
16 「Google Chrome」のリリースノート（更新履歴）は公開されている 23
17 一つの要素に対して「id 属性値」を複数指定することは出来ない 22
18 レスポンシブユーティリティ 22
19 「使用できるソケットを待機しています」はクライアント側の問題？ 22
20 画面幅に応じて取得ディレクトリパスを変更したい 22
2025/8/08 19:26 更新
週間人気ページランキング ／ 8-1 → 8-7
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 18
2 RGB ⇔ Lab | 色変換(色) 17
3 鉄道会社毎のカラーコード | カラーコード(色) 12
4 「Google Chrome」ブックマークをフォルダー単位で、「ドメイン毎」「追加日昇降順」に並べ替える拡張機能「Sortmark」 | Chrome 拡張機能 8
5 「Google Chrome」のリリースノート（更新履歴）は公開されている | Google Chrome(ブラウザ) 7
6 「東京都」のカラーコード取得は難しい | カラーコード(色) 6
6 「bgcolor」「background-color」「background」の違い | CSS 6
6 エラー：Google chrome で問題が発生しました。今すぐ再起動しますか？ | Google Chrome(ブラウザ) 6
6 RGBの種類 ／ ビットカラー | RGB(色) 6
7 カラーコード ／ 色コード | カラーコード(色) 5
7 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい | Brave(ブラウザ) 5
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
8 効果を打ち消すスタイルシート | CSS 4
8 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 4
9 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 3
9 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 3
9 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 3
9 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 3
9 「属性」「プロパティ」「アトリビュート」の違い | CSS 3
9 Design 0 3
2025/8/8 1:01 更新