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

CSS

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

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


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


結論


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


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

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

今後の運用


・「属性」を使っておけば一番間違いない
・だけど、CSS「プロパティ」、HTML「属性」と言ったほうが、個人的にはしっくりくる(片方だけが日本語表記なのも考えてみれば若干変な気もするが…)
・そう言われてみれば、確かにその通りかもしれない

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

範囲と表記の一覧

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

HTML


構成




CSS


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


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

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



類似度ページランキング
順位 ページタイトル抜粋
1 「CSSプロパティ」書く順番 38
2 「ボタン」と「テキストリンク」の使い分け 33
3 ストリートビューが使いにくくなった 30
4 resizeプロパティ 29
5 「マウスオーバー」「ロールオーバー」「ホバー」の違い 29
6 ボタン候補2 / 「ボタン」エリア外で「テキスト」表示しても良いの? 28
7 positionプロパティのrelative指定は、デフォルトではない 28
8 transformプロパティ 27
9 ダウンロードしたモックアップベクター素材の感想を書いてみる予定のエントリー 27
10 「クリエイティブ・コモンズ・ライセンス」以外の画像素材サービス「ライセンス規約」 25
11 「ヴィンテージ」画像フィルタ実行例 25
12 モバイル対応サイトリニューアル仕様案 24
13 アンカーポイントの追加 24
14 「Google Chrome」のリリースノート(更新履歴)は公開されている 23
15 「使用できるソケットを待機しています」はクライアント側の問題? 22
16 レスポンシブユーティリティ 22
17 一つの要素に対して「id 属性値」を複数指定することは出来ない 22
18 画面幅に応じて取得ディレクトリパスを変更したい 22
19 「その他」画像フィルタ実行例。パラメータ用途で使用しているだけで元画像との関連性を見た目上視認できない 22
20 いい感じのロゴを見つけたら、そのサイトへのリンクを張っていくページ 21
2021/4/11 0:04 更新
週間人気ページランキング / 4-3 → 4-9
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 25
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 24
3 Design 0 19
4 コズミックブルーが何色か分からない | 色 18
5 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 10
5 RGBの種類 / ビットカラー | RGB(色) 10
6 「bgcolor」「background-color」「background」の違い | CSS 9
7 HSLとHSVの違い | 色変換(色) 8
7 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 8
7 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 8
8 ICCプロファイル | カラーマネージメント(色) 7
8 「属性」「プロパティ」「アトリビュート」の違い | CSS 7
8 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 7
9 拡張機能が Chrome によって無効にされました / この拡張機能は破損している可能性があります。 | Chrome 拡張機能(ブラウザ) 6
9 似顔絵ジェネレーター : 似顔絵メーカー / NIGAOE MAKER 6
9 テキストのアウトライン化 / 書式 - アウトラインを作成 | Illustrator CS3(Illustrator) 6
10 デザイン変更 | Webデザイン(デザイン) 5
10 ドロワーメニューが表示されない理由 | モバイルデザイン(デザイン) 5
10 血の色 / #b30000 / #360800 / #ff0000 | 色 5
11 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 4
2021/4/10 1:02 更新