archive/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2026-05-01 07:14:51 +02:00
Code Issues Projects Releases Packages Wiki Activity
Page: Representation of computed style
Pages
Adding a new WebIDL binding Alternative Logo Proposals and Related Swag Asynchronous WebAssembly compilation project Austin Oxidation Autogeneration of style structs Basic SVG support project Beginner's guide to rebasing and squashing Benchmarking Benchmarks Bots Browser Engine Research Build Errors FAQ Buildbot administration Building for Android Building for Magic Leap Building for UWP Building on ARM desktop Linux Building CI Services we use CSS parse error reporting CSSOM student project Canvas rendering project Cargo upgrade service project Code rust concurrency Code Review Code of Conduct Coding standards Compiler upgrade recipes Compositor Layer Design Contributing Control Servo using WebDriver Creating and viewing WARC web archives in Servo Creating new OpenSSL Windows binary distributions Cross compiling from linux to mac Crowbot Css selector matching meeting 2013 07 19 DOM Design DOM documentation DOM missing pieces Debugging JS web compat issues Debugging and editing tools Debugging Design Developer tools student project Devtools CSS errors Devtools plans Devtools Diagnosing SpiderMonkey JIT issues Eric Atkinson visit 2013 09 10 Events and sundry Expand HTTP request response monitoring Fetch improvement project Firefox Reality release notes FirefoxReality build Firewall setup for servo master1 Focus student project Form validation student project GSoC project brainstorming Garbage collected DOM Getting started with layout GitHub Labels Github & Critic PR handling 101 Github workflow Glossary Governance Graphics toolkit integration HTML parser improvement project HTMLElement binding conversion HTTP archive support project HTTP library requirements Hawaii Rooting High priority content for layout Highfive HoloLens 2 test plan Home How to generate GStreamer binaries for CI Image load conformance student project Image maps project Implement HTML charset parsing project Implement ImageBitmap project Implement missing WebAudio automation student project Implement support for missing XMLHttpRequest APIs Implement worker modules Implementing a web standard (RGSoC) Improve specification conformance of unicode bidi library Incremental flow tree construction Infrastructure Integrate xml5ever Intern project brainstorming Intern projects JS objects, wrappers, and cross origin concerns 2013 08 07 Layout 2020 Layout Overview Layout resources Layout revamp ideas Leo meyerovich visit 2013 07 22 Linux sandboxing London Oxidation London Security Meeting 2014 10 27 Meeting 2014 12 08 Meeting 2012 02 08 Meeting 2012 02 16 Meeting 2012 07 20 Meeting 2013 04 01 Meeting 2013 04 15 Meeting 2013 04 22 Meeting 2013 04 29 Meeting 2013 05 06 Meeting 2013 05 13 Meeting 2013 05 20 Meeting 2013 06 03 Meeting 2013 06 10 Meeting 2013 06 14 Meeting 2013 06 17 Meeting 2013 06 24 Meeting 2013 07 01 Meeting 2013 07 15 Meeting 2013 07 22 Meeting 2013 07 29 Meeting 2013 08 05 Meeting 2013 08 12 Meeting 2013 08 19 Meeting 2013 09 09 Meeting 2013 09 16 Meeting 2013 09 23 Meeting 2013 09 30 Meeting 2013 10 14 Meeting 2013 10 21 Meeting 2013 10 28 Meeting 2013 11 04 Meeting 2013 11 18 Meeting 2013 11 25 Meeting 2013 12 02 Meeting 2013 12 09 Meeting 2013 12 16 Meeting 2014 01 06 Meeting 2014 01 13 Meeting 2014 01 21 Meeting 2014 01 27 Meeting 2014 02 03 Meeting 2014 02 10 Meeting 2014 02 24 Meeting 2014 03 10 Meeting 2014 03 17 Meeting 2014 03 24 Meeting 2014 03 31 Meeting 2014 04 07 Meeting 2014 04 14 Meeting 2014 04 21 Meeting 2014 04 28 Meeting 2014 05 05 Meeting 2014 05 13 Meeting 2014 05 19 Meeting 2014 06 09 Meeting 2014 06 17 Meeting 2014 06 23 Meeting 2014 06 30 Meeting 2014 07 07 Meeting 2014 07 14 Meeting 2014 07 21 Meeting 2014 07 29 Meeting 2014 08 04 Meeting 2014 08 11 Meeting 2014 08 12 Meeting 2014 08 18 Meeting 2014 08 25 Meeting 2014 09 08 Meeting 2014 09 15 Meeting 2014 09 22 Meeting 2014 09 29 Meeting 2014 10 06 Meeting 2014 10 13 Meeting 2014 10 20 Meeting 2014 11 10 Meeting 2014 11 17 Meeting 2014 11 24 Meeting 2014 12 15 Meeting 2015 01 05 Meeting 2015 01 12 Meeting 2015 01 26 Meeting 2015 02 09 Meeting 2015 02 23 Meeting 2015 03 02 Meeting 2015 03 16 Meeting 2015 03 30 Meeting 2015 04 06 Meeting 2015 04 13 Meeting 2015 04 27 Meeting 2015 05 04 Meeting 2015 05 11 Meeting 2015 05 18 Meeting 2015 06 01 Meeting 2015 06 08 Meeting 2015 06 15 Meeting 2015 07 06 Meeting 2015 07 13 Meeting 2015 07 27 Meeting 2015 08 10 Meeting 2015 08 17 Meeting 2015 08 24 Meeting 2015 08 31 Meeting 2015 09 14 Meeting 2015 09 21 Meeting 2015 09 28 Meeting 2015 10 05 Meeting 2015 10 12 Meeting 2015 10 19 Meeting 2015 10 26 Meeting 2015 11 02 Meeting 2015 11 09 Meeting 2015 11 16 Meeting 2015 11 30 Meeting 2016 01 04 Meeting 2016 01 11 Meeting 2016 01 25 Meeting 2016 02 01 Meeting 2016 02 08 Meeting 2016 02 22 Meeting 2016 03 07 Meeting 2016 03 21 Meeting Devtools Servo 2 Meetings Microdata project Minutes Hackathon 2012 03 27 Missing DOM features project More ServiceWorker support project More developer tools student project Mozlandia Automation Mozlandia B2S Mozlandia JS Mozlandia Rust In Gecko Mozlandia WPT Mozlandia gfx Mozlando Devtools Servo Mozlando Oxidation Mozlando SM Servo Mozlando Servo Bluetooth Mozlando Servo MagicDOM Mozlando Servo SMStrings Mutation observer project Mutation testing project NCSU student projects Network security project Off main thread HTML parsing project Offscreen canvas improvements project Offscreen canvas project Orlando Oxidation 2018 Oxidation 2015 11 05 Persistent sessions student project Preparing ARM libraries for CI Priority of CSS properties Priority of DOM implementation Priority of dom bindings Private browsing student project Profiling Project proposal deadlines Prototype JS form controls student project Prototype ways of splitting the script crate Publishing a new ANGLE NuGet version Publishing a new app store release Push vs Pull for caching Random web content project Refactor GLES2 student project Refactor bluetooth support student project Remaining work Removing push notifications from IRC hooks Replace C libraries student project Report new contributors project Representation of computed style Research Reviewer Roadmap Running Web Platform Tests on Servo Rust HTML parser Rust SpiderMonkey debugger API Rust cssparser code walk 2013 08 02 SaltStack Administration San Francisco Oxidation Servo Benchmarking Report (December 2024) Servo Benchmarking Report (November 2024) Servo Benchmarking Report (October 2024) Servo Layout Engines Report Servo and SpiderMonkey Report Servo for Gecko Developers Specification Links SpiderMonkey related tasks SpiderMonkey infodump SpiderMonkey upgrade details Storage student project Streaming webassembly student project Strings Student project brainstorm Student projects Styling overview Stylo hacking guide Summer of Code 2014: Implement XMLHttpRequest Summer of Code 2016: Fetch API Summer of Code 2016: File support Summer of Code 2016: ServiceWorker infrastructure Summer of Code projects Summit meeting 2013 09 09 Support WebDriver based tests project Syncing web platform tests (WPT) TaskCluster Testing Tools Tracking intermittent failures over time project Transcription Notes from Servo Architecture talk in Suwon Transcription notes from rust patterns talk in suwon Transcription parallelism Transcription rust concurrency Transcription rust runtime Transription layout and acid2 Trinity College Dublin student projects UPenn student projects Updating the Rust compiler used by Servo Upgrading non taskcluster linux CI machines Upgrading the UWP gstreamer binaries Upgrading the windows LLVM binaries Upgrading wptrunner Using DOM types Using Rust Spidermonkey Prototype Using WebWorker Prototype Version 0.1 Videos and presentations WebAudio JS interfaces student project WebAudio nodes student project WebCompatBug WebSocket student project Webdriver student project Webdriver tests student project Webrender Overview Whistler 2019 notes Whistler Bugzilla Whistler FFOS Whistler GFX Whistler Houdini1 Whistler Houdini2 Whistler Necko Whistler Oxidation 2019 Work items for new contributors Workweek COW DOM Workweek alt js Workweek android arm Workweek boot 2 servo Workweek compiler lints Workweek displaylist Workweek dogfooding Workweek encoding Workweek generated content Workweek governance Workweek graphics stack Workweek graphics toolkit Workweek incremental layout Workweek js bindings status Workweek layers Workweek layers2 Workweek pixels Workweek rasterization Workweek reftests Workweek roadmap Workweek script crate Workweek security Workweek string interning Workweek tables Workweek writing modes XML parser student project infra triage notes jQuery status webxr.today support
1 Representation of computed style
Patrick Walton edited this page 2013-08-28 11:39:48 -07:00
Table of Contents

Computed style in WebKit

In WebKit, the computed style is represented by a RenderStyle object. Most of RenderStyle consists of two large bitfields: InheritedFlags and NonInheritedFlags.

InheritedFlags consists of:

  • empty cells
  • caption-side
  • list-style-type, list-style-position
  • visibility
  • text-align, text-transform, text-decoration
  • cursor-style
  • text-direction
  • border-collapse
  • white-space
  • box-direction
  • writing-mode
  • … as well as some random non-inherited flags, presumably thrown in here to pack bitfields.

NonInheritedFlags consists of:

  • display
  • overflow-x, overflow-y
  • vertical-align
  • clear, float
  • position

There are also pointers to five reference-counted non-inherited sub-structs (presumably reference counted so that they can be shared): StyleBoxData, StyleVisualData, StyleBackgroundData, StyleSurroundData, and StyleRareNonInheritedData (and also optionally SVGRenderStyle). Additionally, there are two pointers to inherited sub-structs, also reference counted: StyleRareInheritedData and StyleInheritedData.

In general the strategy seems to be: pack into a bitfield where possible, otherwise throw into a reference-counted side struct. Bitfields and structs are generally separated into inherited and non-inherited fields.

Possible representation of computed style in Servo

In Servo we would like to perform CSS selector matching in parallel, which means that style structs are going to need to be thread-safe. We may be forced to do atomic reference counting for the sub-structs, which is unfortunate. Assuming we find a solution to that, it seems that WebKit's bitfield approach would probably work for Servo.