• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Glossary
  2. Extrinsic size

In this article

  • See also
  1. Glossary
    1. Abstraction
    2. Accent
    3. Accessibility
    4. Accessibility tree
    5. Accessible description
    6. Accessible name
    7. Adobe Flash
    8. Advance measure
    9. Ajax
    10. Algorithm
    11. Alignment container
    12. Alignment subject
    13. Alpha (alpha channel)
    14. ALPN
    15. API
    16. Apple Safari
    17. Application context
    18. Argument
    19. ARIA
    20. ARPA
    21. ARPANET
    22. Array
    23. ASCII
    24. Aspect ratio
    25. Asynchronous
    26. ATAG
    27. Attribute
    28. Authentication
    29. Authenticator
    30. Bandwidth
    31. Base64
    32. Baseline
      1. Baseline (compatibility)
      2. Baseline (typography)
    33. BCP 47 language tag
    34. Beacon
    35. Bézier curve
    36. bfcache
    37. BiDi
    38. BigInt
    39. Binding
    40. Bitwise flags
    41. Blink
    42. blink element (<blink> tag)
    43. Block
      1. Block (CSS)
      2. Block (scripting)
    44. Block cipher mode of operation
    45. Block-level content
    46. Boolean
      1. Boolean (JavaScript)
      2. Boolean attribute (ARIA)
      3. Boolean attribute (HTML)
    47. Bounding Box
    48. Breadcrumb
    49. Brotli compression
    50. Browser
    51. Browsing context
    52. Buffer
    53. Bun
    54. Cache
    55. Cacheable
    56. CalDAV
    57. Call stack
    58. Callback function
    59. Camel case
    60. Canonical order
    61. Canvas
    62. Card sorting
    63. CardDAV
    64. Caret
    65. CDN
    66. Certificate authority
    67. Certified
    68. Challenge-response authentication
    69. Character
    70. Character encoding
    71. Character reference
    72. Character set
    73. Chrome
    74. CIA
    75. Cipher
    76. Cipher suite
    77. Ciphertext
    78. Class
    79. Client-side rendering (CSR)
    80. Closure
    81. Cloud
    82. Cloud computing
    83. CMS
    84. Code point
    85. Code splitting
    86. Code unit
    87. Codec
    88. Color space
    89. Color wheel
    90. Compile
    91. Compile time
    92. Composite operation
    93. Compression Dictionary Transport
    94. Computer Programming
    95. Conditional
    96. Constant
    97. Constructor
    98. Content header
    99. Continuous Media
    100. Control flow
    101. Cookie
    102. Copyleft
    103. CORS
    104. CORS-safelisted request header
    105. CORS-safelisted response header
    106. Crawler
    107. Credential
    108. CRLF
    109. Cross Axis
    110. Cross-site request forgery (CSRF)
    111. Cross-site scripting (XSS)
    112. CRUD
    113. Cryptanalysis
    114. Cryptography
    115. CSP
    116. CSS
    117. CSS Object Model (CSSOM)
    118. CSS pixel
    119. CSS preprocessor
    120. Cumulative Layout Shift (CLS)
    121. Data structure
    122. Database
    123. Debounce
    124. Decryption
    125. Deep copy
    126. Delta
    127. Denial of Service (DoS)
    128. Deno
    129. Descriptor (CSS)
    130. Deserialization
    131. Developer Tools
    132. Device pixel
    133. Digital certificate
    134. Digital signature
    135. Distributed Denial of Service (DDoS)
    136. DMZ
    137. DNS
    138. Doctype
    139. Document directive
    140. Document environment
    141. DOM (Document Object Model)
    142. Domain
    143. Domain name
    144. Domain sharding
    145. Dominator
    146. DSL
      1. DSL (Digital Subscriber Line)
      2. DSL (Domain-Specific Language)
    147. DTLS (Datagram Transport Layer Security)
    148. DTMF (Dual-Tone Multi-Frequency signaling)
    149. Dynamic typing
    150. ECMA
    151. ECMAScript
    152. Effective connection type
    153. Element
    154. Encapsulation
    155. Encryption
    156. Endianness
    157. Engine
      1. JavaScript engine
      2. Rendering engine
    158. Entity
    159. Entity header
    160. Enumerated
    161. Escape character
    162. eTLD
    163. Event
    164. Exception
    165. EXIF
    166. Expando
    167. Extrinsic size
    168. Fallback alignment
    169. Falsy
    170. Favicon
    171. Federated identity
    172. Fetch directive
    173. Fetch metadata request header
    174. Fingerprinting
    175. Firefox OS
    176. Firewall
    177. First Contentful Paint (FCP)
    178. First CPU idle
    179. First Input Delay (FID) Deprecated
    180. First Meaningful Paint (FMP)
    181. First Paint (FP)
    182. First-class Function
    183. Flex
    184. Flex Container
    185. Flex Item
    186. Flexbox
    187. Flow relative values
    188. Forbidden request header
    189. Forbidden response header name
    190. Fork
    191. Fragmentainer
    192. Frame rate (FPS)
    193. FTP
    194. FTU
    195. Function
    196. Fuzz testing
    197. Gamut
    198. Garbage collection
    199. Gecko
    200. General header
    201. GIF
    202. Git
    203. Global object
    204. Global scope
    205. Global variable
    206. Glyph
    207. Google Chrome
    208. GPL
    209. GPU
    210. Graceful degradation
    211. Grid
    212. Grid Areas
    213. Grid Axis
    214. Grid Cell
    215. Grid Column
    216. Grid container
    217. Grid Lines
    218. Grid Row
    219. Grid Tracks
    220. Guaranteed-invalid value
    221. Gutters
    222. gzip compression
    223. Hash function
    224. Hash routing
    225. Head
    226. Head-of-line blocking
    227. High-level programming language
    228. HMAC
    229. Hoisting
    230. Host
    231. Hotlink
    232. Houdini
    233. HPKP
    234. HSTS
    235. HTML
    236. HTML color codes
    237. HTML5
    238. HTTP
    239. HTTP Content
    240. HTTP header
    241. HTTP/2
    242. HTTP/3
    243. HTTPS
    244. HTTPS RR
    245. Hyperlink
    246. Hypertext
    247. IANA
    248. ICANN
    249. ICE
    250. IDE
    251. Idempotent
    252. Identifier
    253. Identity provider (IdP)
    254. IDL
    255. IETF
    256. IIFE
    257. IMAP
    258. Immutable
    259. IndexedDB
    260. Information architecture
    261. Inheritance
    262. Ink overflow
    263. Inline-level content
    264. Input method editor
    265. Inset properties
    266. Instance
    267. Interaction to Next Paint (INP)
    268. Internationalization (i18n)
    269. Internet
    270. Interpolation
    271. Intrinsic size
    272. Invariant
    273. IP Address
    274. IPv4
    275. IPv6
    276. IRC
    277. ISO
    278. ISP
    279. ITU
    280. Jank
    281. Java
    282. JavaScript
    283. Jitter
    284. JPEG
    285. JSON
    286. JSON type representation
    287. Just-In-Time Compilation (JIT)
    288. Kebab case
    289. Key
    290. Keyword
    291. Largest Contentful Paint (LCP)
    292. Latency
    293. Layout mode
    294. Layout viewport
    295. Lazy load
    296. Leading
    297. LGPL
    298. Ligature
    299. Literal
    300. Local scope
    301. Local variable
    302. Locale
    303. Localization
    304. Logical properties
    305. Long task
    306. Loop
    307. Lossless compression
    308. Lossy compression
    309. LTR (Left To Right)
    310. Main Axis
    311. Main thread
    312. Markup
    313. MathML
    314. Media
      1. Media (Audio-visual presentation)
      2. Media (CSS)
    315. Media query
    316. Metadata
    317. Method
    318. Microsoft Edge
    319. Microsoft Internet Explorer
    320. Middleware
    321. MIME
    322. MIME type
    323. Minification
    324. MitM
    325. Mixin
    326. Mobile First
    327. Modem
    328. Modularity
    329. Mozilla Firefox
    330. Mutable
    331. MVC
    332. Namespace
    333. NaN
    334. NAT
    335. Native
    336. Navigation directive
    337. Netscape Navigator
    338. Network throttling
    339. NNTP
    340. Node
      1. Node (DOM)
      2. Node (networking)
    341. Node.js
    342. Non-normative
    343. Normative
    344. Null
    345. Nullish value
    346. Number
    347. Object
    348. Object reference
    349. OOP
    350. OpenGL
    351. OpenSSL
    352. Opera Browser
    353. Operand
    354. Operator
    355. Origin
    356. OTA
    357. OWASP
    358. P2P
    359. PAC
    360. Packet
    361. Page load time
    362. Page prediction
    363. Parameter
    364. Parent object
    365. Parse
    366. Parser
    367. Payload body
    368. Payload header
    369. PDF
    370. Perceived performance
    371. Percent-encoding
    372. PHP
    373. Physical properties
    374. Pixel
    375. Placeholder names
    376. Plaintext
    377. Plugin
    378. PNG
    379. Polyfill
    380. Polymorphism
    381. POP3
    382. Port
    383. Prefetch
    384. Preflight request
    385. Prerender
    386. Presto
    387. Primitive
    388. Privileged
    389. Privileged code
    390. Progressive Enhancement
    391. Progressive web apps
    392. Promise
    393. Property
      1. Property (CSS)
      2. Property (JavaScript)
    394. Protocol
    395. Prototype
    396. Prototype-based programming
    397. Proxy server
    398. Pseudo-class
    399. Pseudo-element
    400. Pseudocode
    401. Public-key cryptography
    402. Python
    403. Quality values
    404. Quaternion
    405. QUIC
    406. RAIL
    407. Random Number Generator
    408. Raster image
    409. Rate limit
    410. RDF
    411. Reading order
    412. Real User Monitoring (RUM)
    413. Recursion
    414. Reflow
    415. Regular expression
    416. Relying party
    417. Render-blocking
    418. Repaint
    419. Replaced elements
    420. Replay attack
    421. Repo
    422. Reporting directive
    423. Representation header
    424. Request header
    425. Resource Timing
    426. Response header
    427. Responsive web design
    428. REST
    429. RGB
    430. RIL
    431. Robots.txt
    432. Round Trip Time (RTT)
    433. Router
    434. RSS
    435. Rsync
    436. RTCP (RTP Control Protocol)
    437. RTF
    438. RTL (Right to Left)
    439. RTP (Real-time Transport Protocol) and SRTP (Secure RTP)
    440. RTSP: Real-time streaming protocol
    441. Ruby
    442. Safe
      1. Safe (HTTP Methods)
    443. Salt
    444. Same-origin policy
    445. SCM
    446. Scope
    447. Screen reader
    448. Script-supporting element
    449. Scroll boundary
    450. Scroll chaining
    451. Scroll container
    452. Scroll snap
    453. SCTP
    454. SDK (Software Development Kit)
    455. SDP
    456. Search engine
    457. Secure Context
    458. Secure Sockets Layer (SSL)
    459. Selector (CSS)
    460. Semantics
    461. SEO
    462. Serializable object
    463. Serialization
    464. Server
    465. Server Timing
    466. Server-side rendering (SSR)
    467. Session Hijacking
    468. SGML
    469. Shadow tree
    470. Shallow copy
    471. Shim
    472. Signature
      1. Signature (functions)
      2. Signature (security)
    473. SIMD
    474. SISD
    475. Site
    476. Site map
    477. SLD
    478. Sloppy mode
    479. Slug
    480. Smoke Test
    481. SMPTE (Society of Motion Picture and Television Engineers)
    482. SMTP
    483. Snake case
    484. Snap positions
    485. SOAP
    486. Source map
    487. SPA (Single-page application)
    488. Specification
    489. Speculative parsing
    490. Speed index
    491. SQL
    492. SQL Injection
    493. SRI
    494. Stacking context
    495. State machine
    496. Statement
    497. Static method
    498. Static site generator (SSG)
    499. Static typing
    500. Sticky activation
    501. Strict mode
    502. String
    503. Stringifier
    504. STUN
    505. Style origin
    506. Stylesheet
    507. Submit button
    508. SVG
    509. SVN
    510. Symbol
    511. Symmetric-key cryptography
    512. Synchronous
    513. Syntax
    514. Syntax error
    515. Synthetic monitoring
    516. Table grid box
    517. Table Wrapper Box
    518. Tag
    519. TCP
    520. TCP handshake
    521. TCP slow start
    522. Telnet
    523. Texel
    524. The Khronos Group
    525. Thread
    526. Three js
    527. Throttle
    528. Time to first byte
    529. Time to interactive
    530. TLD
    531. TOFU
    532. Top layer
    533. Transient activation
    534. Transport Layer Security (TLS)
    535. Tree shaking
    536. Trident
    537. Truthy
    538. TTL
    539. TURN
    540. Type
    541. Type coercion
    542. Type conversion
    543. TypeScript
    544. UAAG
    545. UDP (User Datagram Protocol)
    546. UI
    547. Undefined
    548. Unicode
    549. Unix time
    550. URI
    551. URL
    552. URN
    553. Usenet
    554. User agent
    555. UTF-8
    556. UTF-16
    557. UUID
    558. UX
    559. Validator
    560. Value
    561. Variable
    562. Vendor Prefix
    563. Viewport
    564. Visual Viewport
    565. Void element
    566. VoIP
    567. W3C
    568. WAI
    569. WCAG
    570. Web performance
    571. Web server
    572. Web standards
    573. WebAssembly
    574. WebDAV
    575. WebExtensions
    576. WebGL
    577. WebIDL
    578. WebKit
    579. WebM
    580. WebP
    581. WebRTC
    582. WebSockets
    583. WebVTT
    584. WHATWG
    585. Whitespace
    586. WindowProxy
    587. World Wide Web
    588. Wrapper
    589. XForms Deprecated
    590. XHTML
    591. XInclude
    592. XLink
    593. XML
    594. XMLHttpRequest (XHR)
    595. XPath
    596. XQuery
    597. XSLT
    598. Zstandard compression

In this article

  • See also

Extrinsic size

In CSS, the extrinsic size is based on the context of an element, without regard for its contents. Extrinsic sizing is determined by box model property values. With extrinsic sizing, percentages specify the size of a box with respect to the box's containing block.

See also

  • Related glossary terms:
    • Intrinsic size
  • CSS min-content, max-content, and fit-content sizing keywords
  • CSS box sizing module
  • CSS Box Sizing Module Level 3 specification

Help improve MDN

Learn how to contribute.

This page was last modified on Jan 1, 1970 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.