Skip to main content
Drupal API
User account menu
  • Log in

Breadcrumb

  1. Drupal Core 11.1.x

image-style.html.twig

Same filename in this branch
  1. 11.1.x core/themes/starterkit_theme/templates/field/image-style.html.twig
  2. 11.1.x core/modules/image/templates/image-style.html.twig

Theme override for an image using a specific image style.

Available variables:

  • attributes: HTML attributes for the image, including the following:

    • src: Full URL or relative path to the image file.
    • class: One or more classes to be applied to the image.
    • width: The width of the image (if known).
    • height: The height of the image (if known).
    • title: The title of the image.
    • alt: The alternative text for the image.

See also

template_preprocess_image_style()

4 theme calls to image-style.html.twig
AddFormBase::buildEntityFormElement in core/modules/media_library/src/Form/AddFormBase.php
Builds the sub-form for setting required fields on a new media item.
ImageWidget::process in core/modules/image/src/Plugin/Field/FieldWidget/ImageWidget.php
Form API callback: Processes an image_image field element.
MediaListBuilder::buildRow in core/modules/media/src/MediaListBuilder.php
Builds a row for an entity in the entity listing.
template_preprocess_image_formatter in core/modules/image/image.field.inc
Prepares variables for image formatter templates.

File

core/themes/stable9/templates/field/image-style.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for an image using a specific image style.
  5. *
  6. * Available variables:
  7. * - attributes: HTML attributes for the image, including the following:
  8. * - src: Full URL or relative path to the image file.
  9. * - class: One or more classes to be applied to the image.
  10. * - width: The width of the image (if known).
  11. * - height: The height of the image (if known).
  12. * - title: The title of the image.
  13. * - alt: The alternative text for the image.
  14. *
  15. * @see template_preprocess_image_style()
  16. */
  17. #}
  18. {{ image }}
RSS feed
Powered by Drupal