Eu vi sugestões sobre o uso de JavaScript para detectar e agir sobre o texto que transborda um elemento HTML. Mas é 2013, então eu queria saber se talvez a especificação CSS tivesse uma maneira de detectar o próprio estouro.

Em outras palavras, se eu tiver um div de tamanho fixo:

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

Eu gostaria de ter um estilo que faria algo se o texto transbordasse como:

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

Parece que estaríamos muito perto de ter algo parecido com isso no CSS, mas derramar sobre as especificações não é o meu jogo.

Se não existe, você acha que seria útil?

Obrigado!