CSS * только * обнаружение переполнения текста в HTML?

Я видел предложения по использованию JavaScript для обнаружения и действия над текстом, который переполняет элемент HTML. Но это 2013 год, поэтому мне было интересно, может быть, у спецификации CSS был способ обнаружить переполнения.

Другими словами, если у меня есть фиксированный размер div:

<div class="smart-warning" style="width:200px; height:20px; overflow:hidden">
This is my very long text that would overflow the box.
</div>

Я хотел бы иметь стиль, который мог бы что-то сделать, если текст переполнен, например:

<style>
.smart-warning {
  border:1px solid black
}
.smart-warning:overflowing {
  border:1px solid red
}
</style>

Похоже, мы были бы очень близки к тому, чтобы в CSS что-то вроде этого, но излишняя спецификация не является моей игрой.

Если это не существует, вы думаете, что это было бы полезно?

Спасибо!

Ответ 1