Skip to content

Commit 2860249

Browse files
authored
Merge pull request #511 from ut-code/move-property-description
Move the description of property to CSS section
2 parents c68de2c + 43fbd51 commit 2860249

File tree

2 files changed

+6
-6
lines changed

2 files changed

+6
-6
lines changed

docs/1-trial-session/11-object/index.md

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -33,12 +33,6 @@ const person = {
3333
};
3434
```
3535

36-
:::note
37-
38-
<p><Term type="javascriptObject">オブジェクト</Term>の<Term type="javascriptProperty">プロパティ</Term>は、<Term type="css">CSS</Term> における<Term type="cssProperty">プロパティ</Term>と似ているものの、全く異なるものです。文脈により何を意味しているのかが変わるので注意してください。</p>
39-
40-
:::
41-
4236
## <Term type="javascriptObject">オブジェクト</Term>の<Term type="javascriptProperty">プロパティ</Term>を取得・変更する
4337

4438
ドット記号を用いることで、<Term type="javascriptObject">オブジェクト</Term>の<Term type="javascriptProperty">プロパティ</Term>を取得・変更できます。通常の<Term type="javascriptVariable">変数</Term>のように扱えます。

docs/1-trial-session/12-css/index.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,12 @@ CSS の<code>{}</code>内に、<Term strong type="cssProperty">プロパティ</
9696

9797
これで、 `Hello World!``World` の文字が赤くなりました。
9898

99+
:::note
100+
101+
<p><Term type="css">CSS</Term> の<Term type="javascriptProperty">プロパティ</Term>は、<Term type="javascriptObject">オブジェクト</Term>における<Term type="cssProperty">プロパティ</Term>と似ているものの、全く異なるものです。文脈により何を意味しているのかが変わるので注意してください。</p>
102+
103+
:::
104+
99105
:::tip HTMLの <Term type="styleAttribute">`style` 属性</Term>
100106
`style.css` を作らずとも、 HTML 内に直接 CSS を指定することもできます。例えば、 `p` <Term type="element">要素</Term> の <Term type="styleAttribute"><code>style</code> 属性</Term>に `color: red;` を指定するとどうなるでしょうか。
101107

0 commit comments

Comments
 (0)