{"uid":"cap_JQjWCFqxsbDrSc2AOMEcw","slug":"css-line-height-computed-value-inheritance-analyzer-58c04a22","name":"CSS Line-Height Computed Value & Inheritance Analyzer","description":"Zeigt vor einem typografischen Stylesheet-Export, warum etwa line-height:1.5 und150% beim Elternelement dieselbe nominale Höhe ergeben, nach einem Schriftgrößenwechsel beim Kind aber verschiedene Höhen vererben; verhindert dabei erfundene normal-Fontmetriken und Zeilenboxmaße.","url":"https://detect.halowerk.com/u/css-line-height-computed-type-inheritance?utm_source=zero.xyz","method":"POST","headers":{},"bodySchema":{"type":"object","properties":{"url":{"type":"string","format":"uri","maxLength":2048}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.003","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.003/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.003","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.003","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_8UYoO86ezw0wMc25oTchd","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.003","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Analyzes and explains why `line-height:1.5` and `line-height:150%` produce the same nominal height on a parent element but diverge after a child font-size change, verifying actual computed inheritance behavior without fabricating font metrics.","exampleAgentPrompt":"Can you analyze this stylesheet at https://example.com/typography.css and explain why the line-height values diverge for child elements when font size changes — specifically the difference between unitless 1.5 and percentage 150% inheritance?","exampleUseCases":[{"title":"Pre-export typography system audit","prompt":"Before I export our design system's typographic stylesheet, can you check https://design.mysite.com/styles/type.css and explain where line-height:1.5 versus 150% will produce different results once child elements override font sizes?"},{"title":"Debugging nested element line-height inconsistency","prompt":"My heading inside a container looks taller than expected after I changed its font size — can you analyze https://staging.myapp.com/base.css and show me exactly how line-height is being inherited differently for the child element?"},{"title":"Validating CSS typography before developer handoff","prompt":"We're handing off this stylesheet to devs and I want to make sure the line-height inheritance is correct — can you run https://myproject.com/fonts/layout.css through the computed inheritance check and flag any places where percentage and unitless values will diverge?"}],"resultDescription":"Returns a structured explanation of how line-height values are computed and inherited through a parent-child element hierarchy, showing where unitless (1.5) and percentage (150%) values produce identical nominal heights on the parent but diverge for children with different font sizes, along with actual computed values — without inventing font metrics or line-box measurements.","failureModes":["URL is unreachable or returns non-CSS content — analysis cannot proceed","Stylesheet uses dynamic or generated CSS that cannot be statically resolved","URL exceeds maximum length of 2048 characters","No line-height rules found in the stylesheet at the given URL","Network timeout when fetching the remote stylesheet"],"whenToPreferThis":"Choose this endpoint when you need to understand or verify CSS line-height inheritance behavior — particularly the difference between unitless multipliers and percentage values — before exporting a typography stylesheet or handing off design tokens to developers. It is specifically suited for catching computed-value divergence in parent-child font hierarchies rather than general CSS linting or validation.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-11-04T06:40:11.147Z","isFirstParty":false,"canonicalSlug":"css-line-height-computed-value-inheritance-analyzer-58c04a22"}