- 締切済み
CSSについて
CSSについて質問させてください。 CSSをタグの中に直接書き込む場合 <div style="color:#ffa500; font-size:20pt; font-weight:bold; text-decoration:underline;"> このような場合のstyle="部分は、styleタグと呼んで いいのでしょうか？ divタグの中に記述しているので、styleプロパティと 呼ぶのでしょうか？ CSSのリファレンスにはstyleプロパティはありません。 ということは、やっぱりdivタグのstyleプロパティで CSSを指定していると考えるのでしょうか？
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- tomuo
- ベストアンサー率51% (20/39)
こんにちは。 styleタグともstyleプロパティとも呼ばないです。 divタグの「style属性」が正解です。 このstyleはCSSではないのでCSSリファレンスにはありません。 CSSを指定するための属性ですが、この文字自体はHTMLタグに属するものです。 プロパティと呼んでもさほど不自然ではないですが 属性(またはアトリビュート)という呼び方があるので正しく使った方が良いでしょう。 例： <div>→divタグ style=""やalign=""→タグの属性 colorやfont-size→CSSのプロパティ
- UKY
- ベストアンサー率50% (604/1207)
CSS はあくまでも " で囲まれた color～underline の部分なんだから、そのほかの部分は CSS と何の関係もないわけで、CSS のリファレンスを見るのは見当違いだよ。 > ということは、やっぱりdivタグのstyleプロパティで > CSSを指定していると考えるのでしょうか？ 考え方は正しいけれど、表現がよろしくない。 「div要素(エレメント)のstyle属性(アトゥリビュート)」といいましょう。
お礼
有難うございます。 参考になりました。 またよろしくお願いします。
補足
ＵＫＹさん、回答有難うございます。 あの、解釈が違うのでしょうか？ style属性(アトゥリビュート)とは、プロパティ のことではないのですか？
関連するQ&A
- CSS、おかしいですか？
CSSですが、本を見てやっています。 下記のように記述したのですが、書かなくてもよい記述とか、おかしいところ、ありますでしょうか？ <style type=text/css> body{font-size:10pt} td {font-size:10pt; line-height:12pt} tr {font-size:10pt line-height:12pt} dive {font-size:10pt;line-height:12pt} a:link {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:visited {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:active {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} a:hover {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} </style>
- 締切済み
- CSS
- cssがhtmlに反映しません
.style01 { font-size: 120%; color: red; font-weight: bold; } .style02 { color: blue; font-weight: bold; } .style03 { background-color:yellow; text-decoration: underline; } .style01.style02は反映しますが、 .style03 の{ background-color:yellow; text-decoration: underline; } background-color:yellow;の部分が全く反映しません。 なぜでしょう。
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSで表示が異なってしまう
下記のようなCSSを使っているのですが、リンクが入ると表示が異なってしまいます。 画像の下のようにしたいのですが、どうすればよろしいでしょうか？ よろしくお願いします。 ■ CSS A:link{ color:#0095ff; text-decoration: none;} A:visited{ color:#0095ff; text-decoration: none;} A:hover{ color:#00efff; text-decoration: underline;} A:active{ color:#00efff; text-decoration: underline;} .style02{ padding:3px 0 0 6px; margin-bottom: 5px; font-size:16px; font-weight:bold; background-image:url(../_images/h_02.gif); background-repeat:repeat-x; border: 1px solid #000000; color: #000000; } ■ ソース <a class="style02" href="http://www.hogehoge.com">トップページ</a> <div class="style02">トップページ</div>
- ベストアンサー
- HTML
- IEでCSSのアンカー色指定が反映しない
<style type="text/css"> a:visited { color:blue;} div.testB { padding-left:12px; clear:both; } div.testB a{ color:#000000; text-decoration:none; font-weight:bold; } div.testB a:hover{ color: #cc0000; font-weight:bold; text-decoration:underline; } </style> <div class="testB"> <div><a href="#">リンク</a></div> </div> このようなソースで、FireFoxでは理想どおり表示されるのですが、IEではtestBで指定したリンク色が反映されず、先のa:visited{}のカラーでボールドだけ効いた状態になってしまいます。hoverしても色は変わらずです。visitedの指定がなければ、きちんと反映されるようなのですが… 解決策ありますでしょうか。 よろしくおねがいします。
- ベストアンサー
- CSS
- CSS記述方法について
初心者的な質問ですみません。現在CSSを用いてスタイルを設定しようと 奮闘中です。だいたいの所までは設定できているのですが、次のように 【.feed_item_title】に対しアンダーラインを設定しない【link】を設定し たいと考えています。 .feed_item_title { font-size: 7pt; font-weight : bold; list-style:none; line-height: 1.4em; } 一応、a:link.feed_item_title {text-decoration:none;}や a.feed_item_title:link{text-decoration:none;}なども試してみたのです がいずれもアンダーラインが表示されてしまいダメでした。 HTML上は<div class="feed_item_title">といった形で記述しています。 見よう見まねで作成しているのであちこち間違った記述等あるかもしれま せんが、その辺はご容赦ください。よろしくお願い致します。
- ベストアンサー
- CSS
- a:hoverの下線指定が反映されない
htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。はじめは一部のリンク箇所だけが反映されなかったのですが、訪問済みになった箇所がどんどん反映されなくなってしまい、しまいにはすべての箇所が反映されなくなりました。ただし、それはunderlineのみでfont colorやboldはしっかり反映されているのです。 これはなぜでしょうか？ ちなみにscriptの記述は一切していません。 最初は同様の記述を外部ファイルにしていたのですが うまく読み込めていないのかと思って、htmファイル内に 記述しましたがダメだったというわけです。 <style type="text/css"> <!-- body { font-size: 10.5pt; line-height: 130%} table { font-size: 10.5pt; line-height: 130%} a:hover{ text-decoration: underline; color: #FF0080; font-weight: bold} a:active { text-decoration: none} a:link { text-decoration: none} a:visited { text-decoration: none} --> アドバイスお願いいたします。
- ベストアンサー
- HTML
- ｃｓｓの外部ファイルでのリンクの装飾
学校の課題で今ＨＰを作っています。 外部ファイルでリンクの装飾をしようとしているのですが、 検索してもＨＥＡＤ内に組み込むタイプのタグしか出てきませんでした。 <Style Type="text/css"> <!-- A:link { text-decoration:none; color:#000080; } A:visited { text-decoration:none; color:#000080; } A:active { text-decoration:underline; color:#000080; } A:hover { text-decoration:underline; color:#1e78ff; } //--> </Style> ↑このようなものを外部ファイルの場合はどう書けばいいのでしょうか？ つまり↑の内容（リンクの装飾）を↓のような形式に書き換えたいということです。 #title{ font-size:24px; font-weight:bolder; font-family:Arial; } わかりづらくて申し訳ありませんが、どなたか詳しい方いましたらよろしくお願いします★
- ベストアンサー
- HTML
- CSSの正しい記述の仕方
CSSの記述の仕方なんですが、下記のような書き方は正しいのでしょうか？ .f14 {font-size: 14px;} .bold {font-weight: bold;} .red {color: #FF0000;} <p class="f14 bold red">あいうえお<div> HTMLには構成要素、CSSにはデザイン要素のみを記述と考えると正しくない気がしますが、 何度も使うような場合は、この方がCSSが短くなるので使っています。 どうなんでしょうか？ 気にしすぎでしょうか。
- ベストアンサー
- HTML
- 外部ＣＳＳをかくには。
ＨＰのページひとつひとつにいちいちスタイルシートをかいていくのが 面倒になったので外部ＣＳＳでまとめてしまおうと 思ったのですが、上手くいきません。 ちなみにこうかいております↓ <STYLE TYPE="text/css"> <!-- BODY { letter-spacing:7px; line-height:15pt; } --> </STYLE> <style type="text/css"> <!-- body { scrollbar-face-color: #FF9900; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ff9900; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> <STYLE TYPE="text/css"><!--A{text-decoration:none;}A:hover{text-decoration:underline overline;}--></STYLE> <style type=text/css><!--a{text-decoration:none;}--></style> <style><!--BODY{font-size:8pt;}--></STYLE> どこか悪い点がありましたら教えてください。
- ベストアンサー
- HTML
- HTML,CSS：文章内の文字を強調する方法
例えば、 HTML部分 <div class="a">私は、～～<? class="b">「●●」</?>～～である。</div> CSS部分 div.a {font-style: normal; font-size: 11pt; font-family: "ＭＳ 明朝"; line-height: 125% } のとき、<?>の部分を強調したいのですがどのタグを使えばいいでしょうか？レイアウトはCSSと聞いてるので、あまりHTML側でレイアウト用のタグは使わない方がいいのではないかと思っているのですが…。 ちなみに、<?>は改行しない場合です。 回答よろしくお願いします。
- ベストアンサー
- HTML
補足
回答有難うございます。 属性とプロパティはパソコン辞典で見ると、ほとんど 同じ意味に書いてあります。 どう違いがあるのかが不明です。 調べてみます。 有難うございました。