1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS Snippets - Add border to something</title><meta name="generator" content="Astro v5.16.6"><link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css"><style>a.tag{display:inline-block;padding:.35rem .75rem;margin:.25rem .35rem;background:linear-gradient(135deg,#1b5e20,#2d6a4f);color:#fff;border-radius:20px;font-size:.85rem;font-weight:500;letter-spacing:.5px;box-shadow:0 2px 8px #1b5e2066;transition:all .3s ease;text-decoration:none}a.tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1b5e2099} 2</style></head> <body class="line-numbers"> <header> <h1>CSS Snippets</h1> </header> <main> <h2>Add border to something</h2> <p> 3Tags: 4<a href="/tags/borders" class="tag">borders </a> </p> <h3>Code</h3> <pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="html"><code><span class="line"><span style="color:#E1E4E8"><</span><span style="color:#85E89D">style</span><span style="color:#E1E4E8">></span></span> 5<span class="line"><span style="color:#B392F0">.something</span><span style="color:#E1E4E8"> {</span></span> 6<span class="line"><span style="color:#79B8FF"> border-style</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">solid</span><span style="color:#E1E4E8">; </span></span> 7<span class="line"><span style="color:#79B8FF"> border-width</span><span style="color:#E1E4E8">: </span><span style="color:#79B8FF">thin</span><span style="color:#E1E4E8">; </span></span> 8<span class="line"><span style="color:#E1E4E8">}</span></span> 9<span class="line"><span style="color:#E1E4E8"></</span><span style="color:#85E89D">style</span><span style="color:#E1E4E8">></span></span> 10<span class="line"></span> 11<span class="line"><span style="color:#E1E4E8"><</span><span style="color:#85E89D">div</span><span style="color:#B392F0"> class</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"something"</span><span style="color:#E1E4E8">></span></span> 12<span class="line"><span style="color:#E1E4E8"> <</span><span style="color:#85E89D">p</span><span style="color:#E1E4E8">></span></span> 13<span class="line"><span style="color:#E1E4E8"> This is really something, isn't it?</span></span> 14<span class="line"><span style="color:#E1E4E8"> </</span><span style="color:#85E89D">p</span><span style="color:#E1E4E8">></span></span> 15<span class="line"><span style="color:#E1E4E8"></</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">></span></span></code></pre> <h3>Output</h3> <div><style> 16.something { 17 border-style: solid; 18 border-width: thin; 19} 20</style> 21 22<div class="something"> 23 <p> 24 This is really something, isn't it? 25 </p> 26</div></div> </main> <footer> <p> <a href="/">Home</a> </p> </footer> </body></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.