overflow: hidden で領域からあふれた文字を非表示にする際に、非表示にしたことを示す文字列を指定します。

<style>
.text-box {
  width: 15rem;
  border: 1px solid #ccc;
  margin-bottom: .5rem;
  white-space: nowrap;
  overflow: hidden;
}
.clip {
  text-overflow: clip;
}
.ellipsis {
  text-overflow: ellipsis;
}
.string {
  text-overflow: "...";
}
</style>

<div class="text-box clip">
  あいうえおかきくけこさしすせそたちつてとなにぬねの
</div>

<div class="text-box ellipsis">
  あいうえおかきくけこさしすせそたちつてとなにぬねの
</div>

<div class="text-box string">
  あいうえおかきくけこさしすせそたちつてとなにぬねの
</div>

• https://www.w3.org/TR/css-ui-3/#text-overflow
• https://developer.mozilla.org/ja/docs/Web/CSS/text-overflow
• https://caniuse.com/#search=text-overflow