ion-header: Header Paren4�Componen4�for Ionic Framework Apps�_title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale�"><meta data-rh="true" property="og:url" content="https:�]ionicframework.com/doctzja/api/header"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="og:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:domain" content="ionicframework.com"><meta data-rh="true" name="twitter:site" content="@ionicframework"><meta data-rh="true" name="twitter:creator" content="ionicframework"><meta data-rh="true" name="fb:page_id" content="�0�0�0�0�06767955949"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="og:site_name" content="Ionic Framework Docs"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="ion-header =�Ionic Framework"><meta data-rh="true" property="og:description" content="ion-header: Header Parent Component for Ionic Framework Apps"><meta data-rh="true" name="description" content="ion-headerは、ツールバーを保持する親コンポーネントです。ion-headerは、ページ�r�a�d�"s�つのルート要素のうちの1つである必要があることに注意することが重要です。"><link data-rh="true" rel="icon" href="/doctzja/img/met�tfavicon-96x96.png"><link data-rh="true" rel="canonical" href="https:�]ionicframework.com/doctzja/api/header"><link data-rh="true" rel="alternate" href="https:�]ionicframework.com/doctzap}vheader" hreflang="en"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/j�tap}vheader" hreflang="ja"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/api/header" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https:�]O9QSL985BS-dsn.algolia.net" crossorigin="anonymous"><link rel="preconnect" href="httpsa_/www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]</script> <script�function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(ne7�date).gettime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async�0,m.src="httpsa_/www.googletagmanager.co�wgtm.js?id=GTM-TKMGCBC",g.parentNode.insertBefore(m,g)}(window,document+"+"script","dataLayer")�_script> <link rel="search" type="applicatio�wopensearchdescription+xml" title="Ionic Framework" href= Ydocs/j�topensearch.xml"><link rel="stylesheet" href= Ydocs/j�tassets/css/styles.77dcd8(��e)�.css"> <script src="/doctzja/assettzjs/runtime~main.08dbab6d.js" defer="defer"></script> <script src="/doctzja/assettzjs/main.c8cd�0�05c.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <noscript><iframe src="https:�]www.googletagmanager.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe>�_noscript> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return ne7�URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{cons4�a=ne7�URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data-")){var n=t.replace("docusaurus-data+"+"+"+"+"data+"+"+");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())�_script><di6�id="__docusaurus"><div role="region" aria-label="メインコンテンツまでスキップ"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">メインコンテンツまでスキップ</a></div><di6�class="announcementbar_mb4j" role="banner"><di6�class="content_kng5 5 5 announcementBarContent_xLdY"><a href="https:�]www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener"><span>An <strong>OutSystems</strong> Company →�_span></a></div></div><di6�id="__docusaurus_skiptocontent_fallback" class="main-wrapper mainWrapper_CIJY"><di6�class="docswrapper_hbab"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button">�_button><di6�class="docroot_ubd9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><di6�class="sidebarviewport_arkj"><a target="_self" href= Ydocs/j�t"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_a><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" target="_self" href="/doctzja."."><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></a><na6�aria-label="ドキュメントのサイドバー" class="men5�thin-scrollbar menu_SIkG menuWithAnnouncementBar_G�0�0�0s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tcomponents">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/components">UIコンポーネント�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vaccordion">Accordion�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vaccordion">ion-accordion�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/accordion-group">ion-accordion-group</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/action-sheet">Action Sheet</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/action-sheet">ion-action-sheet</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/alert">Alert</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/alert">ion-alert</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/badge">Badge</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/badge">ion-badge</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/breadcrumb">Breadcrumbs�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbreadcrumb">ion-breadcrumb�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/breadcrumbs">ion-breadcrumbs</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/button">Button</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/button">ion-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vripple-effect">ion-ripple-effect�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vcard">Card�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard">ion-card�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-content">ion-card-content</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-header">ion-card-header�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-subtitle">ion-card-subtitle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-title">ion-card-title�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vcheckbox">Checkbox�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcheckbox">ion-checkbox�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vchip">Chip�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vchip">ion-chip�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vapp">Content�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vapp">ion-app�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/content">ion-content</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/datetime">Date &<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�Time Pickers�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vdatetime">ion-datetime�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/datetime-button">ion-datetime-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker">ion-picker�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker-column">ion-picker-column</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker-column-option">ion-picker-column-option�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker-legacy">ion-picker-legacy</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/fab">Floating Action Button�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfab">ion-fab�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/fab-button">ion-fab-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfab-list">ion-fab-list�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vgrid">Grid�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vgrid">ion-grid�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/col">ion-col</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrow">ion-row�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vicon">Icons</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/icon">ion-icon</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/infinite-scroll">Infinite Scroll</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/infinite-scroll">ion-infinite-scroll</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinfinite-scroll-content">ion-infinite-scroll-content�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vinput">Inputs</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/input">ion-input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinput-password-toggle">ion-input-password-toggle�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/input-otp">ion-input-otp</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtextarea">ion-textarea�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vitem">Item�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem">ion-item�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-divider">ion-item-divider</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-group">ion-item-group�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-sliding">ion-item-sliding</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-options">ion-item-options�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-option">ion-item-option</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vlabel">ion-label�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/note">ion-note</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/list">List</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/list">ion-list</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vlist-header">ion-list-header�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vavatar">Media</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/avatar">ion-avatar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vicon">ion-icon�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/img">ion-img</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vthumbnail">ion-thumbnail�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vmenu">Menu�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmenu">ion-menu�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/menu-button">ion-menu-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmenu-toggle">ion-menu-toggle�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/split-pane">ion-split-pane</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/modal">Modal</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/modal">ion-modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbackdrop">ion-backdrop�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vnav">Navigation</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/nav">ion-nav</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vnav-link">ion-nav-link�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vpopover">Popover�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpopover">ion-popover�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vloading">Progress Indicators�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vloading">ion-loading�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/progress-bar">ion-progress-bar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vskeleton-text">ion-skeleton-text�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/spinner">ion-spinner</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/radio">Radio</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/radio">ion-radio</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vradia-group">ion-radio-group�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vrange">Range�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrange">ion-range�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vrefresher">Refresher�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrefresher">ion-refresher�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/refresher-content">ion-refresher-content</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/reorder">Reorder</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/reorder">ion-reorder</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vreorder-group">ion-reorder-group�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vrouter">Routing</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/router">ion-router</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrouter-link">ion-router-link�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/router-outlet">ion-router-outlet</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vroute">ion-route�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/route-redirect">ion-route-redirect</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/searchbar">Searchbar</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/searchbar">ion-searchbar</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/segment">Segment</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment">ion-segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment-button">ion-segment-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment-content">ion-segment-content</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment-view">ion-segment-view�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vselect">Select�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vselect">ion-select�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/select-option">ion-select-option</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/tabs">Tabs</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tabs">ion-tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtab">ion-tab�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tab-bar">ion-tab-bar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtab-button">ion-tab-button�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtoast">Toast�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtoast">ion-toast�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtoggle">Toggle�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtoggle">ion-toggle�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" href="/doctzja/api/toolbar">Toolbar</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/toolbar">ion-toolbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/doctzja/api/header">ion-header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfooter">ion-footer�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/title">ion-title</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbuttons">ion-buttons�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/back-button">ion-back-button</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/text">Typography</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/text">ion-text</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api">Resources</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api">APIインデックス</a></li>�_ul></li>�_ul></nav></div></div></aside><div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-to0�navbarHideable_m1mJ"><di6�class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0�0�0�0�0�00 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="1."."." stroke-width=(� N)�" d="M2 2 2 7h(� g)�M4 15h(� g)�M4(��N)�3h(� g)�">�_path></svg></button><a class="navbar__brand" target="_self" href="/doctzja."."><di6�class="navbar__logo"><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></div></a><a class="navbar__item navbar__link" href="/doctzja.".">Guide�_a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/doctzja/components">Components</a><a class="navbar__item navbar__link" href="/doctzja/cli">CLI</a><a class="navbar__item navbar__link" href="/doctzja/native">Native</a><a class="navbar__item navbar__link cta" href="/doctzja/updatin�u8-.".".">Ionic v8.0.0 Upgrade Guide</a></div><di6�class="navbar__items navbar__items--right"><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href= Ydocs/j�tap}vheader">v8�_a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/doctzja/api/header">v8</a></li><li><a class="dropdown__link" href="/doctzja/v_ap}vheader">v7�_a>�_li><li><a href="https:�]ionic-docs-fo03f34h5-ionic1.vercel.app/doctzv6" target="_self" rel="noopener noreferrer" class="dropdown__link">v6�_a>�_li><li><a href="https:�]ionic-docs-5utg8ms4c-ionic1.vercel.app/doctzv5" target="_self" rel="noopener noreferrer" class="dropdown__link">v5�_a>�_li><li><a href="https:�]ionicframework.com/doctzv4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4�_a>�_li><li><a href="https:�]ionicframework.com/doctzp�c�."." target="_blank" rel="noopener noreferrer" class="dropdown__link">p�c��_a>�_li></ul>�_div><div class="navbarSearchContainer_Bcs"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索 (Command+K)"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0(��N)�0 20" aria-hidden="true"><path d="4.385 5 14�0�0�0�0�086l4.0875 5 5 4.0877-4.0877-4.0877c-2.9418(��N)�.99-7.15(��N)�.99-10.6�0�0�02 2 0-2.9419(�(g)�.98-2.9419-7.7�5 0-10.6�0�0�02 2 2.9418(�(g)�.99 7.15(�(g)�.99 10.6�0�0�02 2 0 2.9419(��N)�.98 2.9419 7.7�5 0 10.6�0�0�03z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path>�_svg><span class="DocSearch-Button-Placeholder">検索</span>�_span><span class="DocSearch-Button-Keys"></span>�_button></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--community">Community</a><ul class="dropdown__menu"><li><a href="httpsa_/ionicframework.co�wcommunity" target="_blank" class="dropdown__link">Communit9�Hub<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]forum.ionicframework.com."." target="_blank" class="dropdown__link">Forum<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]www.meetup.com/topictzionic-framewor�v" target="_blank" class="dropdown__link">Meetups<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/blog.ionicframework.com."." target="_blank" class="dropdown__link">Blog<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/twitter.com/ionicframework" target="_blank" class="dropdown__link">Twitter<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--support">Support�_a><ul class="dropdown__menu"><li><a href="https:�]ionicframework.com/support" target="_blank" class="dropdown__link">Hel0�Center<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/ionic.zendesk.com."." target="_blank" class="dropdown__link">Customer Support<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/ionicframework.co�wadvisory" target="_blank" class="dropdown__link">Enterprise Advisory<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><di6�class="navbar__item"><di6�class="separator" aria-hidden>�_div>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg xmlns="http:�]www.d�m�.org(�W)�00�]svg" viewBox="0 0 �2 �2" width="(� g)�" height="(� g)�" aria-hidden="true" class="iconLanguage_nlXk"><path fill="currentColor" d="M478�0�0�0�0�02 2 �0�0�0�0�03.6l-90-8a(� g)�(��N)�2 0 00-40.67 0l-DS(��N)�182 (� g)� 0 1040.67 16.79�0�0�0�016.65 5 406h102.67�8.�0�0�0�0 44.39(�O)�2 (� g)� 0 00458 4642 (� g)� 0 0(��e)�0.(�>y)��0�0�0�00.4z�0�0�0�034.82 2 362L368 281.65 401.15 5 5 362zM267.82 2 2 342.(��N)�2 (� g)� 0 00-4.89�0�0�0�00.7c-.2-.15-15-11.�0�0�0�0�0�06.49�0�0�0�04.�0�0�0�0�0�0�09.65-53.68 62.�-114.75 (�ё)�7-143.49�0�0�0�0302 (� g)� 0 000-44H4V702 (� g)� 0 00-44 0��0H542 (� g)� 0 000 44h197.25c-9.(�yr)�(��N)�6.95(�(g)�7.05 69.5-�0�0�0.79 108.36�0�0�0�01.-41.68-43.08-68.65-43.17-68.872 (� g)� 0 00-40.58 17c.58 1�0�0�0�0�08 14.55 34(�ё)�2 2 (�yr)�.85 5 �0�0�0.93.(��N)� 1.19 1.�0�0�0(��N)��0�0�0�0�05 2.74�0�0�0�0�0.51-39(�ё)�2 2 2 44�0�0�0�0�05-77.72 2 2 .86-�0�0�0.85 AS.74a(� g)�(��N)�2 0 10.05 5 5 38.63c2.16-1.18 48.6(�(g)�6.89 101.63-85.59 (� g)�.52 24.08 38�0�0�0�0�05.44�0�0�0�0�08.�0�0�0�0�0�0�0�06.1a(� g)�(��N)�2 0 0030.75-4.9z">�_path></svg><span class="localeVisuallyHidden_pF54">日本語�_span></a><ul class="dropdown__menu"><li><a href= Ydocs/api/header" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English�_a>�_li><li><a href="/doctzja/api/header" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="httpsa_/ionicframework.co�wtranslate" target="_blank" class="dropdown__link">Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><a href="httpsa_/twitter.com/Ionicframework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter"></a><a href="https:�]ionic.link/discord" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord">�_a><a href="httpsa_/github.co�wionic-team/ionic-framework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository"></a><di6�class="toggle_vylo colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切�り替える(現在はライトモード)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M(�*h)�,9u.65,0,3,1.35�0�0�0�0�0�0s-1.35�0�0�0�0�0�0�0�0�0�0s-3-1.35�0�0�0�0�0�0�0�0e0.35,9,12,9 2,7c(�(g)�.76,0-5,2.24-5,5�(�ё)�4,5,5,5s5-2.24,5-5 S14.76,7,(�*h)�,72,7z M2,�0�0,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e.45,�0�0(�4l)�,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e9.45,13,20,13z M�(�4l)��c0,0.55,0.45,1,1,1 -0.45,1-1V2c0-0.55-0.45-1-1-1S�,1.45,�(�4l)�+�1,20��c0,0.55,0.45,1,1,1 -0.45,1-1v(�(g)�c0-0.55-0.45-1-1-11.45,19,�,19.45,11,20+�M5.99,4.58c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41l1.06,1.06c0.39,0�0�0�0�0�09,1.�0�0,0�0�0�0�0�09,1.,0s0�0�0�0�0�09-1.�0�0,0-1.41L5.99,4.58z M18�0�0�0�0�06,16.95 c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0c-0.39,0�0�0�0�0�09-0.39,1.03,0,1.�.06,1.06c0�0�0�0�0�09,0.39,1.03,0.39,1.41,0c0.39-0�0�0�0�0�09,0.39-1.03,0-1. L18�0�0�0�0�06,16.95z M19.42,5.99c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0�0�0�0�0�09-0.39,1.03,0,1. s1.�0�0,0�0�0�0�0�09,1.,09.(� T)�,5.99z M7.05,18.36c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41s1.�0�0,0�0�0�0�0�09,1.,0L7.05,18�0�0�0�0�06z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9�0�0�0�0�07,5.�C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08�0�0�0�0�0�0�0�02,7.4,7.4,7.4c0.68,0,1�0�0�0�0�05-0.09,1.99-0.277.45,17.19,14.�0�0�0,19,(�*h)�,19 c-3.86,0-7�0�0�0�0.14-7-7C5,9.07,6.81,6.55,9�0�0�0�0�07,5.�+�2,3c-4.97,0-9,4.�0�0-9,9s4.03,9,9,9s9-4.�0�0,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37(�(g)�.58,2.26-4.4(�4l)�(�ё)�6c(�(g)�.98,0-5.4-2.(� T)�-5.4-5.4c0-1.81,0.89�0�0�0�0.42,2.26-4.42.(��N)��0�0�0.04,(�*h)�.46,3,(�*h)��0�0�02,3z">�_path></svg></button>�_div>�_div>�_div><div role="presentation" class="navbar-sidebar__backdrop">�_div>�_nav><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><di6�class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><span class="theme-doc-version-badge badge badge--secondary">バージョン: v8�_span><di6�class="toccollapsible_etcw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">このページの見出し</button>�_div><div class="theme-doc-markdown markdown"><header><�>ion-header</h1>�_header> �-- --> <p>ヘッダーは、ページの上部に配置されるページのルートコンポーネントです��つ以上の<a href= Ydocs/j�tap}vtoolbar">ツールバー�_a>のラッパーとして使用することが推奨されていますが、あらゆる要素をラップするために使用することができます。ツールバーがヘッダー内で使用される場合、コンテンツは正しいサイズになるように調整され、ヘッダーはデバイスセーフ領域を考慮します。�_p> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="基本的な使い方">基本的な使い方<a href="#基本的な使い方" class="hash-link" aria-label="基本的な使い方への直接リンク" title="基本的な使い方への直接リンク"></a></h2>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="半透明のヘッダー">半透明のヘッダー<a href="#半透明のヘッダー" class="hash-link" aria-label="半透明のヘッダーへの直接リンク" title="半透明のヘッダーへの直接リンク">�_a>�_> <p>ヘッダーは、<code>translucent�_code>プロパティを設定することで、ネイティブのiOSアプリケーションに見られるような透明度に合わせることができます。ヘッダーの後ろにスクロールするコンテンツを見るには、コンテンツに <code>fullscreen</code> プロパティを設定する必要があります。この効果は、モード�=�<code>"ios"</code> で、デバイスが <a href="https:�]developer.mozilla.or�uen-Uldocs/Web/CSS/backdrop-filter#browser_compatibility" target="_blank" rel="noopener noreferrer">backdrop-filter</a �をサポートしている場合にのみ適用されます。</p> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><div><button disabled="" class="playground__control-button" data-text="MD">MD</button>�_div>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="折りたたみのヘッダー">折りたたみのヘッダー<a href="#折りたたみのヘッダー" class="hash-link" aria-label="折りたたみのヘッダーへの直接リンク" title="折りたたみのヘッダーへの直接リンク">�_a>�_> <p>Ionicでは、iOSネイティブアプリケーションで見られる、大きなツールバーのタイトルを表示し、スクロールすると小さなタイトルに折りたたむ機能を提供しています。これは、コンテンツの上に1つ、コンテンツの中に1つ、合�]Nつのヘッダーを追加し、コンテンツの中にあるヘッダーに <code>collapse</code> プロパティ�o�<code>"condense"�_code �に設定することで実現できます。この効果は、モード�=�"ios "のときのみ適用されます。�_p>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><div><button disabled="" class="playground__control-button" data-text="MD">MD�_button></div></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="フェードヘッダー">フェードヘッダー<a href="#フェードヘッダー" class="hash-link" aria-label="フェードヘッダーへの直接リンク" title="フェードヘッダーへの直接リンク"></a></h2> <p>多くのネイティブiOSアプリケーションは、ツールバーにフェード効果を持たせています。これは、ヘッダーの <code>collapse�_code �プロパティを <code>"fade"</code> に設定することで実現可能です。ページが最初に読み込まれたとき、ヘッダーの背景と境界線は非表示になります。コンテンツがスクロールされると、ヘッダーは再びフェードインします。この効果は、モードが「ios」のときだけ適用されます。</p> <p>この機能は、<a href="#condensed-header">Condensed Header</a>と組み合わせることができます。collapse<code>プロパティに�_code>"fade"`を設定した場合は、コンテンツの外側にあるヘッダーに適用されるはずです。</p> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><div><button disabled="" class="playground__control-button" data-text="MD">MD</button>�_div>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="仮想スクロールの使用方法">仮想スクロールの使用方法<a href="#仮想スクロールの使用方法" class="hash-link" aria-label="仮想スクロールの使用方法への直接リンク" title="仮想スクロールの使用方�h�への直接リンク">�_a>�_1�6��p> <p>フェードヘッダーが正しく動作するためには、スクロールコンテナが必要です。仮想スクロールソリューションを使用する場合は、カスタムスクロールターゲットを提供する必要があります。コンテンツのスクロールを無効にし、スクロールを担当する要素に <code>.ion-content-scroll-host�_code �クラスを追加する必要があります。�_p>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><div><button disabled="" class="playground__control-button" data-text="MD">MD�_button></div></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="borders">Borders<a href="#borders" class="hash-link" aria-label="Borders への直接リンク" title="Borders への直接リンク">�_a>�_> <p><code>"md"</code>モードでは、ヘッダーの下部に <code>box-shadow</code> が表示されます�2�<code>"ios"</code>モードでは、ヘッダの下部に <code>border�_code �が表示されます。これらは、ヘッダーに <code>.ion-no-border</code> クラスを追加することで削除することができます。�_p>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="プロパティ">プロパティ<a href="#プロパティ" class="hash-link" aria-label="プロパティへの直接リンク" title="プロパティへの直接リンク"></a></h2> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="collapse">collapse<a href="#collapse" class="hash-link" aria-label="collapse への直接リンク" title="collapse への直接リンク">�_a>�_1�6��p> <div class="table-wrapper"><table><tbody><tr><td><strong>Description�_strong></td><td>ヘッダーに適用されるスクロール効果を記述します。iOS modeでのみ適用されます。通常、<a href="https:�]ionicframework.com/doctzap}vtitle#collapsible-large-titles" target="_blank" rel="noopener noreferrer">折りたたみ式ラージタイトル</a>に使用します。�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>collapse</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>"condense" ｜ "fade"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�undefined</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>undefined�_code></td>�_tr></tbody></table></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mode">mode<a href="#mode" class="hash-link" aria-label="mode への直接リンク" title="mode への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td>modeは、どのプラットフォームのスタイルを使用するかを決定します。<br><br>This is a <a href="/doctzja/doctzcore-concepttzfundamentals#virtual-properties">virtual property</a �that is se4�once during initialization and will no4�update if yo5�change its value after the initial render.�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>mode</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>"ios"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"md"�_code></td>�_tr><tr><td><strong>Default�_strong></td><td><code>undefined</code>�_td></tr>�_tbody>�_table>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="translucent">translucent<a href="#translucent" class="hash-link" aria-label="translucent への直接リンク" title="translucent への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td><code>true</code>の場合、ヘッダーは半透明になります。mode�=�<code>"ios"</code> で、デバイスが <a href="https:�]developer.mozilla.or�uen-Uldocs/Web/CSS/backdrop-filter#Browser_compatibility" target="_blank" rel="noopener noreferrer"><code>backdrop-filter</code>�_a> をサポートしている場合にのみ適用されます。注意：ヘッダーの後ろにコンテンツをスクロールさせるには、コンテンツに <code>fullscreen</code> 属性が設定されている必要があります。</td>�_tr><tr><td><strong>Attribute�_strong></td><td><code>translucent</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>boolean</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>false�_code></td>�_tr></tbody></table></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="イベント">イベント<a href="#イベント" class="hash-link" aria-label="イベン�8�への直接リンク" title="イベントへの直接リンク"></a></h2> <p>No events available for this component.</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="メソッド">メソッド<a href="#メソッド" class="hash-link" aria-label="メソッ�9�への直接リンク" title="メソッドへの直接リンク"></a></h2> <p>No public methods available for this component.</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-shadow-parts">CSS Shado7�Parts<a href="#css-shadow-parts" class="hash-link" aria-label="CSS Shado7�Parts への直接リンク" title="CSS Shadow Parts への直接リンク"></a></h2> <p>No CSS shado7�parts available for this component.</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cssカスタムプロパティ">CSSカスタムプロパティ<a href="#cssカスタムプロパティ" class="hash-link" aria-label="CSSカスタムプロパティへの直接リンク" title="CSSカスタムプロパティへの直接リンク"></a></h2> <p>No CSS custom properties available for this component.�_p> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="slots">Slots<a href="#slots" class="hash-link" aria-label="Slots への直接リンク" title="Slots への直接リンク"></a></h2> <p>No slots available for this component.�_p>�_div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="ro7�margin-top--sm theme-doc-footer-edit-meta-row"><di6�class="col"><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div><di6�class="col lastUpdated_JAkA"></div></div></footer>�_article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページ"><a class="pagination-nav__link pagination-nav__link--prev" href= Ydocs/j�tap}vtoolbar"><di6�class="pagination-nav__sublabel">前へ</div><di6�class="pagination-nav__label">ion-toolbar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/doctzja/api/footer"><di6�class="pagination-nav__sublabel">次へ</div><di6�class="pagination-nav__label">ion-footer�_div>�_a>�_nav>�_div>�_div><div class="col col-�0�0�0�0"><div class="toc-wrapper"><>Contents</h2><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#基本的な使い方" class="table-of-contents__link toc-highlight">基本的な使い方�_a>�_li><li><a href="#半透明のヘッダー" class="table-of-contents__link toc-highlight">半透明のヘッダー</a></li><li><a href="#折りたたみのヘッダー" class="table-of-contents__link toc-highlight">折りたたみのヘッダー�_a>�_li><li><a href="#フェードヘッダー" class="table-of-contents__link toc-highlight">フェードヘッダー</a><ul><li><a href="#仮想スクロールの使用方法" class="table-of-contents__link toc-highlight">仮想スクロールの使用方法</a></li>�_ul></li><li><a href="#borders" class="table-of-contents__link toc-highlight">Borders�_a>�_li><li><a href="#プロパティ" class="table-of-contents__link toc-highlight">プロパティ</a><ul><li><a href="#collapse" class="table-of-contents__link toc-highlight">collapse</a></li><li><a href="#mode" class="table-of-contents__link toc-highlight">mode�_a>�_li><li><a href="#translucent" class="table-of-contents__link toc-highlight">translucent</a></li>�_ul></li><li><a href="#イベント" class="table-of-contents__link toc-highlight">イベント�_a>�_li><li><a href="#メソッド" class="table-of-contents__link toc-highlight">メソッド</a></li><li><a href="#css-shadow-parts" class="table-of-contents__link toc-highlight">CSS Shadow Parts�_a>�_li><li><a href="#cssカスタムプロパティ" class="table-of-contents__link toc-highlight">CSSカスタムプロパティ</a></li><li><a href="#slots" class="table-of-contents__link toc-highlight">Slots�_a>�_li></ul>�_div><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div></div></div></div></main>�_div>�_div>�_div>�_div>�_div> </body> </html><�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�h�e�a�d�e�r�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�h�e�a�d�e�r�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �