Własność CSS text-overflow

Własność CSS text-overflow określa sposób sygnalizacji ukrytej treści, która wychodzi poza krawędź kontenera.

Wartości i składnia

Własność text-overflow przyjmuje jedną z trzech następujących wartości:

• clip – ucina nadmiar treści i nie sygnalizuje tego w żaden sposób. Jest to wartość domyślna, np.:

  
  p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
  }
  

  Efekt:

  
• ellipsis – ucięcie nadmiaru treści sygnalizuje wielokropkiem (…), np.:

  
  p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  

  Efekt:

  
• łańcuch – ucięcie nadmiaru treści sygnalizuje łańcuchem znaków zdefiniowanym przez użytkownika.

  
  p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: "\1F4A5";
  }
  

  Efekt:

  

Podsumowanie