1<!doctype html><html lang="tr"> 2<head> 3<title>CSS3 Kitabı</title> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width,initial-scale=1"> 6<link rel="preload" as="style" href="/assets/built/screen.css?v=3CkKTLEXFlbzNP-D"> 7<link rel="preload" as="script" href="/assets/built/source.js?v=O86vpTJppMBcH1np"> 8<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-roman.woff2?v=OecsB5TBLy27FKD2" crossorigin="anonymous"> 9<style>@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:optional;src:url(/assets/fonts/inter-roman.woff2?v=OecsB5TBLy27FKD2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style> 10<link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=3CkKTLEXFlbzNP-D"> 11<style>:root{--background-color:#ffffff}</style>
12<script>var r,g,b,yiq,textColor,accentColor=getComputedStyle(document.documentElement).getPropertyValue("--background-color"),accentColor=accentColor.trim().slice(1);accentColor.length===3&&(accentColor=accentColor[0]+accentColor[0]+accentColor[1]+accentColor[1]+accentColor[2]+accentColor[2]),r=parseInt(accentColor.substr(0,2),16),g=parseInt(accentColor.substr(2,2),16),b=parseInt(accentColor.substr(4,2),16),yiq=(r*299+g*587+b*114)/1e3,textColor=yiq>=128?"dark":"light",document.documentElement.className=`has-${textColor}-text`</script>
12 13<link rel="icon" href="https://cdn.synaps.media/hayrioglu/content/images/size/w256h256/2025/03/24c6c7911384d40cf98a4622d8c0c120.png" type="image/png"> 14<link rel="canonical" href="https://fatihhayrioglu.com/css3/"> 15<meta name="referrer" content="no-referrer-when-downgrade"> 16<meta property="og:site_name" content="Fatih HayrioÄlu"> 17<meta property="og:type" content="website"> 18<meta property="og:title" content="CSS3 Kitabı"> 19<meta property="og:description" content="CSS3 20 21 22CSS3'ün teorisine ait en son bilgiler 23 24Web sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. GeliÅmiÅ tarayıcıların desteklediÄi tüm CSS3 özelliklerini bu kitapta toparladım. 25 26 27E-Kitap Satın Al 28 29 30 31 32 33Kitap Hakkında 34 35CSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliÄini tek baÅına düzenleme amacı güden CSS, yeni"> 36<meta property="og:url" content="https://fatihhayrioglu.com/css3/"> 37<meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg"> 38<meta property="article:published_time" content="2025-03-08T01:15:54.000Z"> 39<meta property="article:modified_time" content="2025-03-08T01:21:07.000Z"> 40<meta name="twitter:card" content="summary_large_image"> 41<meta name="twitter:title" content="CSS3 Kitabı"> 42<meta name="twitter:description" content="CSS3 43 44 45CSS3'ün teorisine ait en son bilgiler 46 47Web sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. GeliÅmiÅ tarayıcıların desteklediÄi tüm CSS3 özelliklerini bu kitapta toparladım. 48 49 50E-Kitap Satın Al 51 52 53 54 55 56Kitap Hakkında 57 58CSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliÄini tek baÅına düzenleme amacı güden CSS, yeni"> 59<meta name="twitter:url" content="https://fatihhayrioglu.com/css3/"> 60<meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg"> 61<meta name="twitter:label1" content="Written by"> 62<meta name="twitter:data1" content="Murat Ãorlu"> 63<meta name="twitter:site" content="@fatihhayri"> 64<meta property="og:image:width" content="1200"> 65<meta property="og:image:height" content="840">
66<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","publisher":{"@type":"Organization","name":"Fatih HayrioÄlu","url":"https://fatihhayrioglu.com/","logo":{"@type":"ImageObject","url":"https://cdn.synaps.media/hayrioglu/content/images/size/w256h256/2025/03/24c6c7911384d40cf98a4622d8c0c120.png","width":60,"height":60}},"author":{"@type":"Person","name":"Murat Ãorlu","image":{"@type":"ImageObject","url":"https://www.gravatar.com/avatar/b9f14f880e42e22d75d1550be2593cb4?s=250&r=x&d=mp","width":250,"height":250},"url":"https://fatihhayrioglu.com/author/murat/","sameAs":[]},"headline":"CSS3 Kitabı","url":"https://fatihhayrioglu.com/css3/","datePublished":"2025-03-08T01:15:54.000Z","dateModified":"2025-03-08T01:21:07.000Z","description":"\n\n\n\n\n\n\n\n\n\nCSS3\n\n\nCSS3'ün teorisine ait en son bilgiler\n\nWeb sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. GeliÅmiÅ tarayıcıların desteklediÄi tüm CSS3 özelliklerini bu kitapta toparladım.\n\n\nE-Kitap Satın Al\n\n\n\n\n\nKitap Hakkında\n\nCSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliÄini tek baÅına düzenleme amacı güden CSS, yeni sürümünde buna çok yaklaÅtı.\n\n * Uyumlu web çözümleri ile farklı platformlar için tek elden çözüm üretme imkanı saÄlamas","mainEntityOfPage":"https://fatihhayrioglu.com/css3/"}</script>
66 67<meta name="generator" content="Ghost 6.67"> 68<link rel="alternate" type="application/rss+xml" title="Fatih HayrioÄlu" href="https://fatihhayrioglu.com/rss/">
69<script defer src="https://cdn.synaps.media/npm/@tryghost/[email protected]/umd/portal.min.js" data-i18n="true" data-ghost="https://fatihhayrioglu.com/" data-key="9a5cacd42e4bc60aec278c0c37" data-api="https://fatihhayrioglu.com/ghost/api/content/" data-locale="tr" crossorigin="anonymous"></script>
69<style id="gh-members-styles">.gh-post-upgrade-cta-content,.gh-post-upgrade-cta{display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;text-align:center;width:100%;color:#fff;font-size:16px}.gh-post-upgrade-cta-content{border-radius:8px;padding:40px 4vw}.gh-post-upgrade-cta h2{color:#fff;font-size:28px;letter-spacing:-.2px;margin:0;padding:0}.gh-post-upgrade-cta p{margin:20px 0 0;padding:0}.gh-post-upgrade-cta small{font-size:16px;letter-spacing:-.2px}.gh-post-upgrade-cta a{color:#fff;cursor:pointer;font-weight:500;box-shadow:none;text-decoration:underline}.gh-post-upgrade-cta a:hover{color:#fff;opacity:.8;box-shadow:none;text-decoration:underline}.gh-post-upgrade-cta a.gh-btn{display:block;background:#fff;text-decoration:none;margin:28px 0 0;padding:8px 18px;border-radius:4px;font-size:16px;font-weight:600}.gh-post-upgrade-cta a.gh-btn:hover{opacity:.92}</style>
70<script defer src="https://cdn.synaps.media/npm/@tryghost/[email protected]/umd/sodo-search.min.js" data-key="9a5cacd42e4bc60aec278c0c37" data-styles="https://cdn.synaps.media/npm/@tryghost/[email protected]/umd/main.css" data-sodo-search="https://fatihhayrioglu.com/" data-locale="tr" crossorigin="anonymous"></script>
70 71<link href="https://fatihhayrioglu.com/webmentions/receive/" rel="webmention">
72<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
72 73<link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
74<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://fatihhayrioglu.com/members/api/comments/counts/"></script>
vendor: 1 bytes, line 74
74
75<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
vendor: 1 bytes, line 75
75
76<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://fatihhayrioglu.com/.ghost/analytics/api/v1/page_hit" tb_site_uuid="38dafb7d-2a74-4a4f-abcd-c313b577895e" tb_post_uuid="709259dd-bd14-4eab-9cba-fcf16f88297e" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link></script>
76<style>:root{--ghost-accent-color:#487ce8}</style> 77<link href="https://cdn.jsdelivr.net/npm/[email protected]/themes/prism.min.css" rel="stylesheet"> 78</head> 79<body class="page-template page-css3 has-sans-title has-sans-body"> 80<div class="gh-viewport"> 81<header id="gh-navigation" class="gh-navigation is-middle-logo gh-outer"> 82<div class="gh-navigation-inner gh-inner"> 83<div class="gh-navigation-brand"> 84<a class="gh-navigation-logo is-title" href="https://fatihhayrioglu.com"> 85Fatih HayrioÄlu 86</a> 87<button class="gh-search gh-icon-button" aria-label="Search this site" data-ghost-search> 88<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5A7 7 0 113 10a7 7 0 0114 0z"/></svg></button> <button class="gh-burger gh-icon-button" aria-label="Menu"> 89<svg width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M224 128a8 8 0 01-8 8H40a8 8 0 010-16H216a8 8 0 018 8zM40 72H216a8 8 0 000-16H40a8 8 0 000 16zM216 184H40a8 8 0 000 16H216a8 8 0 000-16z"/></svg> <svg width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M205.66 194.34a8 8 0 01-11.32 11.32L128 139.31 61.66 205.66a8 8 0 01-11.32-11.32L116.69 128 50.34 61.66A8 8 0 0161.66 50.34L128 116.69l66.34-66.35a8 8 0 0111.32 11.32L139.31 128z"/></svg> </button> 90</div> 91<nav class="gh-navigation-menu"> 92<ul class="nav"> 93<li class="nav-ana-sayfa"><a href="https://fatihhayrioglu.com/">Ana Sayfa</a></li> 94<li class="nav-css3-kitabi nav-current"><a href="https://fatihhayrioglu.com/css3/">CSS3 Kitabı</a></li> 95<li class="nav-csse-giris-kitabi"><a href="https://fatihhayrioglu.com/kitap/">CSS'e GiriÅ Kitabı</a></li> 96<li class="nav-css-dersleri"><a href="https://fatihhayrioglu.com/tag/css/">CSS Dersleri</a></li> 97<li class="nav-git"><a href="https://fatihhayrioglu.com/tag/git/">Git</a></li> 98<li class="nav-iletisim"><a href="https://fatihhayrioglu.com/iletisim/">İletiÅim</a></li> 99</ul> 100</nav> 101<div class="gh-navigation-actions"> 102<button class="gh-search gh-icon-button" aria-label="Search this site" data-ghost-search> 103<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5A7 7 0 113 10a7 7 0 0114 0z"/></svg></button> <div class="gh-navigation-members"> 104<a href="#/portal/signin" data-portal="signin">GiriÅ Yap</a> 105<a class="gh-button" href="#/portal/signup" data-portal="signup">Kaydol</a> 106</div> 107</div> 108</div> 109</header> 110<main class="gh-main"> 111<article class="gh-article post no-image"> 112<section class="gh-content gh-canvas is-body"> 113<div class="kg-card kg-header-card kg-v2 kg-layout-split kg-width-full kg-content-wide" style="background-color:#f0f0f0" data-background-color="#F0F0F0"> 114<div class="kg-header-card-content"> 115<picture><img class="kg-header-card-image" src="https://cdn.synaps.media/hayrioglu/content/images/2025/03/book-cover.png" srcset="https://cdn.synaps.media/hayrioglu/content/images/size/w600/2025/03/book-cover.png 600w, https://cdn.synaps.media/hayrioglu/content/images/size/w1000/2025/03/book-cover.png 1000w, https://cdn.synaps.media/hayrioglu/content/images/2025/03/book-cover.png 1200w" loading="lazy" alt></picture> 116<div class="kg-header-card-text"> 117<h2 id="css3" class="kg-header-card-heading" style="color:#000" data-text-color="#000000"><span style="white-space:pre-wrap">CSS3</span></h2> 118<p id="css3n-teorisine-ait-en-son-bilgilerweb-sitemdeki-css3-ile-alakal-yazlar-derleyip-dzenleyerek-kitap-haline-getirdim-gelimi-tarayclarn-destekledii-tm-css3-zelliklerini-bu-kitapta-toparladm" class="kg-header-card-subheading" style="color:#000" data-text-color="#000000"><span style="white-space:pre-wrap">CSS3'ün teorisine ait en son bilgiler</span><br><br><span style="white-space:pre-wrap">Web sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. GeliÅmiÅ tarayıcıların desteklediÄi tüm CSS3 özelliklerini bu kitapta toparladım.</span></p> 119<a href="https://play.google.com/store/books/details/Fatih_Hayrio%C4%9Flu_CSS3?id=WwpVCgAAQBAJ&ref=fatihhayrioglu.com" class="kg-header-card-button" style="background-color:#fff;color:#000" data-button-color="#ffffff" data-button-text-color="#000000">E-Kitap Satın Al</a> 120</div> 121</div> 122</div><h2 id="kitap-hakk%C4%B1nda">Kitap Hakkında</h2><h4 id="css3%C3%BCn-yeni-%C3%B6zellikleri-heyecan-verici-i%CC%87nternet-mecras%C4%B1n%C4%B1n-g%C3%B6rselli%C4%9Fini-tek-ba%C5%9F%C4%B1na-d%C3%BCzenleme-amac%C4%B1-g%C3%BCden-css-yeni-s%C3%BCr%C3%BCm%C3%BCnde-buna-%C3%A7ok-yakla%C5%9Ft%C4%B1">CSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliÄini tek baÅına düzenleme amacı güden CSS, yeni sürümünde buna çok yaklaÅtı.
122</h4><ul><li>Uyumlu web çözümleri ile farklı platformlar için tek elden çözüm üretme imkanı saÄlaması, ve birçok avantajı beraberinde getiriyor.</li><li>Yeni CSS3 seçicileri ve deÄerleri elimizi saÄlamlaÅtırdı.</li><li>Yazılar ve metinlere tam hakimiyet saÄlamamıza olanak saÄlıyor. </li><li>Gölgeler, renk geçiÅi ve filtre efekti gibi görsel ihtiyaçları tam karÅılayan çözümler sunuyor.</li><li>DönüÅtürme, geçiÅ efektleri ve animasyon özellikleri Flash'ı tahtından eder nitelikte.</li><li>Ãoklu kolonlar, esnek kutular ile sayfa planındaki boÅlukları dolduruyor.</li></ul><p>Daha önceki kitabımdan da bildiÄiniz gibi kendi sitemde (fatihhayrioglu.com) yazdıÄım makaleleri derleyip bir kitap haline getiriyorum. CSS3 yeniliklerini bir kitap haline getirmek uzun süredir düÅündüÄüm bir iÅti. Sonunda bu makaleleri derleyip bir kitap haline getirmeyi baÅardım.</p><div class="kg-card kg-header-card kg-v2 kg-width-full kg-content-wide kg-style-accent" data-background-color="accent"> 123<div class="kg-header-card-content"> 124<div class="kg-header-card-text kg-align-center"> 125<p id="css3-tek-kelime-ile-heyecan-verici-css-web-sitelerinin-grnmn-dzenlemek-ve-ynetmek-iin-kullanlan-bir-standarttr-css-3-srm-ile-birlikte-site-grnmn-tek-bana-idare-etme-konusunda-ok-byk-ilerleme-kaydetti" class="kg-header-card-subheading" style="color:#fff" data-text-color="#FFFFFF"><span style="white-space:pre-wrap">CSS3 tek kelime ile heyecan verici. CSS web sitelerinin görünümünü düzenlemek ve yönetmek için kullanılan bir standarttır. CSS 3. sürümü ile birlikte site görünümünü tek baÅına idare etme konusunda çok büyük ilerleme kaydetti.</span></p> 126</div> 127</div> 128</div><div class="kg-card kg-header-card kg-v2 kg-layout-split kg-width-full kg-content-wide" style="background-color:#000" data-background-color="#000000"> 129<div class="kg-header-card-content"> 130<picture><img class="kg-header-card-image" src="https://cdn.synaps.media/hayrioglu/content/images/2025/03/author.png" loading="lazy" alt></picture> 131<div class="kg-header-card-text kg-align-center"> 132<h2 id="fatih-hayrioluarayz-gelitirici" class="kg-header-card-heading" style="color:#fff" data-text-color="#FFFFFF"><span style="white-space:pre-wrap">Fatih HayrioÄlu</span><br><span style="white-space:pre-wrap">Arayüz GeliÅtirici</span><br></h2> 133<p id="1978-ylnda-trabzon-ili-srmene-ilesinde-domutur-ilk-orta-ve-lise-egitimini-istanbul-zeytinburnunda-tamamladktan-sonra-universiteyi-frat-universitesinde-okudu-bolumu-her-ne-kadar-cevre-muhendisligi-olsa-da-hayatn-web-sayfalarna-arayz-gelitirerek-gecirmektedir" class="kg-header-card-subheading" style="color:#fff" data-text-color="#FFFFFF"><span style="white-space:pre-wrap">1978 yılında Trabzon ili Sürmene ilçesinde doÄmuÅtur. IÌlk, orta ve lise egÌitimini IÌstanbul Zeytinburnuânda tamamladıktan sonra UÌniversiteyi Fırat UÌniversitesiânde okudu. BoÌluÌmuÌ her ne kadar Çevre MuÌhendisligÌi olsa da hayatını web sayfalarına arayüz geliÅtirerek geçirmektedir.</span></p> 134</div> 135</div> 136</div> 137</section> 138</article> 139</main> 140<footer class="gh-footer gh-outer"> 141<div class="gh-footer-inner gh-inner"> 142<div class="gh-footer-bar"> 143<span class="gh-footer-logo is-title"> 144Fatih HayrioÄlu 145</span> 146<nav class="gh-footer-menu"> 147<ul class="nav"> 148<li class="nav-kaydol"><a href="#/portal/">Kaydol</a></li> 149<li class="nav-hosted-by-synaps-media"><a href="https://www.synapsmedia.com/">Hosted by Synaps Media</a></li> 150</ul> 151</nav> 152<div class="gh-footer-copyright"> 153Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a> 154</div> 155</div> 156<section class="gh-footer-signup"> 157<h2 class="gh-footer-signup-header is-title"> 158Fatih HayrioÄlu 159</h2> 160<p class="gh-footer-signup-subhead is-body"> 161CSS - HTML - JAVASCRİPT | Fatih HayrioÄlu'nun not defteri 162</p> 163<form class="gh-form" data-members-form> 164<input class="gh-form-input" id="footer-email" name="email" type="email" placeholder="[email protected]" required data-members-email> 165<button class="gh-button" type="submit" aria-label="Subscribe"> 166<span><span>Subscribe</span> <svg width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49 136.49l-72 72a12 12 0 01-17-17L187 140H40a12 12 0 010-24H187L135.51 64.48a12 12 0 0117-17l72 72A12 12 0 01224.49 136.49z"/></svg></span> 167<svg height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper"><g class="nc-loop-dots-4-24-icon-o"><circle cx="4" cy="12" r="3"/><circle cx="12" cy="12" r="3"/><circle cx="20" cy="12" r="3"/></g><style data-cap="butt">.nc-loop-dots-4-24-icon-o{--animation-duration:0.8s}.nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration)infinite}.nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)}.nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)}.nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px}@keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}</style></g></svg> <svg class="checkmark" viewBox="0 0 52 52"><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/><style>.checkmark{width:40px;height:40px;
167display:block;stroke-width:2.5;stroke:currentColor;stroke-miterlimit:10}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1)forwards}@keyframes stroke{100%{stroke-dashoffset:0}}</style></svg> </button> 168<p data-members-error></p> 169</form> </section> 170</div> 171</footer> 172</div> 173<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 174<div class="pswp__bg"></div> 175<div class="pswp__scroll-wrap"> 176<div class="pswp__container"> 177<div class="pswp__item"></div> 178<div class="pswp__item"></div> 179<div class="pswp__item"></div> 180</div> 181<div class="pswp__ui pswp__ui--hidden"> 182<div class="pswp__top-bar"> 183<div class="pswp__counter"></div> 184<button class="pswp__button pswp__button--close" title="Close (Esc)"></button> 185<button class="pswp__button pswp__button--share" title="Share"></button> 186<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 187<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 188<div class="pswp__preloader"> 189<div class="pswp__preloader__icn"> 190<div class="pswp__preloader__cut"> 191<div class="pswp__preloader__donut"></div> 192</div> 193</div> 194</div> 195</div> 196<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 197<div class="pswp__share-tooltip"></div> 198</div> 199<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> 200<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> 201<div class="pswp__caption"> 202<div class="pswp__caption__center"></div> 203</div> 204</div> 205</div> 206</div>
207<script src="/assets/built/source.js?v=O86vpTJppMBcH1np"></script>
vendor: 1 bytes, line 207
207
208<script src="https://cdn.jsdelivr.net/npm/[email protected]/prism.min.js"></script>
208 209</body> 210</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.