Учебник. Каскадные таблицы стилей


Списки


   

При отображении списков CSS позволяет управлять формой и изображением "пулек"(bullets) списка. "Пулька"(bullet) - это символ перед элементом списка. Например, в неупорядоченном списке (unordered list) перед элементом списка ставится "жирная" точка:

  • Первый элемент списка
  • Второй элемент списка
  • Третий элемент списка
  • CSS позволяют управлять формой "пулек" и заменять "пульки" картинками.

    Любопытно, что управление отображением элементов списка отнесено к набору свойств, в который входит атрибут display. У этого атрибута может быть только одно значение - none. Если элемент в своем описании имеет атрибут display, и этот атрибут равен none, то он браузером не отображается вообще:

    <ul style="display:none;">

    <li>Первый элемент списка

    <li>Второй элемент списка

    <li>Третий элемент списка

    </ul>

  • Первый элемент списка
  • Второй элемент списка
  • Третий элемент списка
  • Если Вы, Уважаемый Читатель, посмотрите HTML-код данного документа, то вслед за примером найдете описание списка, которое браузер не отобразил.

    Атрибут display управляет отображением документа на дисплее компьютера, но не распространяется на другие среды отображения документа. Например, при печати скрытый список должен быть отображен.

    Однако, в реальности он не отображается и при печати.



    Содержание раздела