53 lines
1.5 KiB
Markdown
53 lines
1.5 KiB
Markdown
|
---
|
||
|
|
id: 587d781c367417b2b2512ac4
|
||
|
|
title: 段落テキストの font-size を設定する
|
||
|
|
challengeType: 0
|
||
|
|
videoUrl: 'https://scrimba.com/c/cVJ36Cr'
|
||
|
|
forumTopicId: 301068
|
||
|
|
dashedName: set-the-font-size-of-paragraph-text
|
||
|
|
---
|
||
|
|
|
||
|
|
# --description--
|
||
|
|
|
||
|
|
CSS の `font-size` プロパティは見出しだけでなく、テキストを含むあらゆる要素に適用できます。
|
||
|
|
|
||
|
|
# --instructions--
|
||
|
|
|
||
|
|
段落の `font-size` プロパティの値を 16px に変更し、読みやすくしましょう。
|
||
|
|
|
||
|
|
# --hints--
|
||
|
|
|
||
|
|
`p` タグの `font-size` は 16 ピクセルに設定されている必要があります。
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert($('p').css('font-size') == '16px');
|
||
|
|
```
|
||
|
|
|
||
|
|
# --seed--
|
||
|
|
|
||
|
|
## --seed-contents--
|
||
|
|
|
||
|
|
```html
|
||
|
|
<style>
|
||
|
|
p {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<p>
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||
|
|
</p>
|
||
|
|
```
|
||
|
|
|
||
|
|
# --solutions--
|
||
|
|
|
||
|
|
```html
|
||
|
|
<style>
|
||
|
|
p {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<p>
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||
|
|
</p>
|
||
|
|
```
|