# Chapter5 演習問題1

## 記事

- ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

  続きを見る

- ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

  続きを見る

- ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

  続きを見る

- ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

  続きを見る

- ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト

  続きを見る

## 問題１

各記事の表示を１行にし、記事の最後に「…」を付ける。htmlは修正せず、cssで行う。

- 使用するcssは、「white-space」「overflow」「text-overflow」の３つ。
- 「css 文字数制限」で検索してやってみよう。

## 問題２

各ブログ記事の表示を２行にし、記事の最後に「…」を付ける。htmlは修正せず、cssで行う。

- 使用するcssは、「display」「-webkit-box-orient」「-webkit-line-clamp」「overflow」の４つ。
- 「css 文字数制限」で検索してやってみよう。
- 「-webkit-」はどういうものなのか検索して調べてみよう。