StyleProperties.cpp 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656
  1. /*
  2. * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #include <LibCore/DirIterator.h>
  7. #include <LibGfx/FontDatabase.h>
  8. #include <LibWeb/CSS/StyleProperties.h>
  9. #include <LibWeb/FontCache.h>
  10. #include <ctype.h>
  11. namespace Web::CSS {
  12. StyleProperties::StyleProperties()
  13. {
  14. }
  15. StyleProperties::StyleProperties(const StyleProperties& other)
  16. : m_property_values(other.m_property_values)
  17. {
  18. if (other.m_font) {
  19. m_font = other.m_font->clone();
  20. } else {
  21. m_font = nullptr;
  22. }
  23. }
  24. NonnullRefPtr<StyleProperties> StyleProperties::clone() const
  25. {
  26. return adopt(*new StyleProperties(*this));
  27. }
  28. void StyleProperties::set_property(CSS::PropertyID id, NonnullRefPtr<StyleValue> value)
  29. {
  30. m_property_values.set((unsigned)id, move(value));
  31. }
  32. void StyleProperties::set_property(CSS::PropertyID id, const StringView& value)
  33. {
  34. m_property_values.set((unsigned)id, StringStyleValue::create(value));
  35. }
  36. Optional<NonnullRefPtr<StyleValue>> StyleProperties::property(CSS::PropertyID id) const
  37. {
  38. auto it = m_property_values.find((unsigned)id);
  39. if (it == m_property_values.end())
  40. return {};
  41. return it->value;
  42. }
  43. Length StyleProperties::length_or_fallback(CSS::PropertyID id, const Length& fallback) const
  44. {
  45. auto value = property(id);
  46. if (!value.has_value())
  47. return fallback;
  48. return value.value()->to_length();
  49. }
  50. LengthBox StyleProperties::length_box(CSS::PropertyID left_id, CSS::PropertyID top_id, CSS::PropertyID right_id, CSS::PropertyID bottom_id, const CSS::Length& default_value) const
  51. {
  52. LengthBox box;
  53. box.left = length_or_fallback(left_id, default_value);
  54. box.top = length_or_fallback(top_id, default_value);
  55. box.right = length_or_fallback(right_id, default_value);
  56. box.bottom = length_or_fallback(bottom_id, default_value);
  57. return box;
  58. }
  59. String StyleProperties::string_or_fallback(CSS::PropertyID id, const StringView& fallback) const
  60. {
  61. auto value = property(id);
  62. if (!value.has_value())
  63. return fallback;
  64. return value.value()->to_string();
  65. }
  66. Color StyleProperties::color_or_fallback(CSS::PropertyID id, const DOM::Document& document, Color fallback) const
  67. {
  68. auto value = property(id);
  69. if (!value.has_value())
  70. return fallback;
  71. return value.value()->to_color(document);
  72. }
  73. void StyleProperties::load_font() const
  74. {
  75. auto family_value = string_or_fallback(CSS::PropertyID::FontFamily, "Katica");
  76. auto font_size = property(CSS::PropertyID::FontSize).value_or(IdentifierStyleValue::create(CSS::ValueID::Medium));
  77. auto font_weight = property(CSS::PropertyID::FontWeight).value_or(IdentifierStyleValue::create(CSS::ValueID::Normal));
  78. auto family_parts = family_value.split(',');
  79. auto family = family_parts[0];
  80. auto monospace = false;
  81. auto bold = false;
  82. if (family.is_one_of("monospace", "ui-monospace")) {
  83. monospace = true;
  84. family = "Csilla";
  85. } else if (family.is_one_of("serif", "sans-serif", "cursive", "fantasy", "ui-serif", "ui-sans-serif", "ui-rounded")) {
  86. family = "Katica";
  87. }
  88. int weight = 400;
  89. if (font_weight->is_identifier()) {
  90. switch (static_cast<const IdentifierStyleValue&>(*font_weight).id()) {
  91. case CSS::ValueID::Normal:
  92. weight = 400;
  93. break;
  94. case CSS::ValueID::Bold:
  95. weight = 700;
  96. break;
  97. case CSS::ValueID::Lighter:
  98. // FIXME: This should be relative to the parent.
  99. weight = 400;
  100. break;
  101. case CSS::ValueID::Bolder:
  102. // FIXME: This should be relative to the parent.
  103. weight = 700;
  104. break;
  105. default:
  106. break;
  107. }
  108. } else if (font_weight->is_length()) {
  109. // FIXME: This isn't really a length, it's a numeric value..
  110. int font_weight_integer = font_weight->to_length().raw_value();
  111. if (font_weight_integer <= 400)
  112. weight = 400;
  113. if (font_weight_integer <= 700)
  114. weight = 700;
  115. weight = 900;
  116. }
  117. bold = weight > 400;
  118. int size = 10;
  119. if (font_size->is_identifier()) {
  120. switch (static_cast<const IdentifierStyleValue&>(*font_size).id()) {
  121. case CSS::ValueID::XxSmall:
  122. case CSS::ValueID::XSmall:
  123. case CSS::ValueID::Small:
  124. case CSS::ValueID::Medium:
  125. // FIXME: Should be based on "user's default font size"
  126. size = 10;
  127. break;
  128. case CSS::ValueID::Large:
  129. case CSS::ValueID::XLarge:
  130. case CSS::ValueID::XxLarge:
  131. case CSS::ValueID::XxxLarge:
  132. // FIXME: Should be based on "user's default font size"
  133. size = 12;
  134. break;
  135. case CSS::ValueID::Smaller:
  136. // FIXME: This should be relative to the parent.
  137. size = 10;
  138. break;
  139. case CSS::ValueID::Larger:
  140. // FIXME: This should be relative to the parent.
  141. size = 12;
  142. break;
  143. default:
  144. break;
  145. }
  146. } else if (font_size->is_length()) {
  147. // FIXME: This isn't really a length, it's a numeric value..
  148. int font_size_integer = font_size->to_length().raw_value();
  149. size = font_size_integer;
  150. }
  151. FontSelector font_selector { family, size, weight };
  152. auto found_font = FontCache::the().get(font_selector);
  153. if (found_font) {
  154. m_font = found_font;
  155. return;
  156. }
  157. Gfx::FontDatabase::the().for_each_font([&](auto& font) {
  158. if (font.family() == family && font.weight() == weight && font.presentation_size() == size)
  159. found_font = font;
  160. });
  161. if (!found_font) {
  162. dbgln("Font not found: '{}' {} {}", family, size, weight);
  163. found_font = font_fallback(monospace, bold);
  164. }
  165. m_font = found_font;
  166. FontCache::the().set(font_selector, *m_font);
  167. }
  168. RefPtr<Gfx::Font> StyleProperties::font_fallback(bool monospace, bool bold) const
  169. {
  170. if (monospace && bold)
  171. return Gfx::FontDatabase::default_bold_fixed_width_font();
  172. if (monospace)
  173. return Gfx::FontDatabase::default_fixed_width_font();
  174. if (bold)
  175. return Gfx::FontDatabase::default_bold_font();
  176. return Gfx::FontDatabase::default_font();
  177. }
  178. float StyleProperties::line_height(const Layout::Node& layout_node) const
  179. {
  180. auto line_height_length = length_or_fallback(CSS::PropertyID::LineHeight, Length::make_auto());
  181. if (line_height_length.is_absolute())
  182. return (float)line_height_length.to_px(layout_node);
  183. return (float)font().glyph_height() * 1.4f;
  184. }
  185. Optional<int> StyleProperties::z_index() const
  186. {
  187. auto value = property(CSS::PropertyID::ZIndex);
  188. if (!value.has_value())
  189. return {};
  190. return static_cast<int>(value.value()->to_length().raw_value());
  191. }
  192. Optional<CSS::FlexDirection> StyleProperties::flex_direction() const
  193. {
  194. auto value = property(CSS::PropertyID::FlexDirection);
  195. if (!value.has_value())
  196. return {};
  197. switch (value.value()->to_identifier()) {
  198. case CSS::ValueID::Row:
  199. return CSS::FlexDirection::Row;
  200. case CSS::ValueID::RowReverse:
  201. return CSS::FlexDirection::RowReverse;
  202. case CSS::ValueID::Column:
  203. return CSS::FlexDirection::Column;
  204. case CSS::ValueID::ColumnReverse:
  205. return CSS::FlexDirection::ColumnReverse;
  206. default:
  207. return {};
  208. }
  209. }
  210. Optional<CSS::Position> StyleProperties::position() const
  211. {
  212. auto value = property(CSS::PropertyID::Position);
  213. if (!value.has_value() || !value.value()->is_identifier())
  214. return {};
  215. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  216. case CSS::ValueID::Static:
  217. return CSS::Position::Static;
  218. case CSS::ValueID::Relative:
  219. return CSS::Position::Relative;
  220. case CSS::ValueID::Absolute:
  221. return CSS::Position::Absolute;
  222. case CSS::ValueID::Fixed:
  223. return CSS::Position::Fixed;
  224. case CSS::ValueID::Sticky:
  225. return CSS::Position::Sticky;
  226. default:
  227. return {};
  228. }
  229. }
  230. bool StyleProperties::operator==(const StyleProperties& other) const
  231. {
  232. if (m_property_values.size() != other.m_property_values.size())
  233. return false;
  234. for (auto& it : m_property_values) {
  235. auto jt = other.m_property_values.find(it.key);
  236. if (jt == other.m_property_values.end())
  237. return false;
  238. auto& my_value = *it.value;
  239. auto& other_value = *jt->value;
  240. if (my_value.type() != other_value.type())
  241. return false;
  242. if (my_value != other_value)
  243. return false;
  244. }
  245. return true;
  246. }
  247. Optional<CSS::TextAlign> StyleProperties::text_align() const
  248. {
  249. auto value = property(CSS::PropertyID::TextAlign);
  250. if (!value.has_value() || !value.value()->is_identifier())
  251. return {};
  252. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  253. case CSS::ValueID::Left:
  254. return CSS::TextAlign::Left;
  255. case CSS::ValueID::Center:
  256. return CSS::TextAlign::Center;
  257. case CSS::ValueID::Right:
  258. return CSS::TextAlign::Right;
  259. case CSS::ValueID::Justify:
  260. return CSS::TextAlign::Justify;
  261. case CSS::ValueID::LibwebCenter:
  262. return CSS::TextAlign::LibwebCenter;
  263. default:
  264. return {};
  265. }
  266. }
  267. Optional<CSS::WhiteSpace> StyleProperties::white_space() const
  268. {
  269. auto value = property(CSS::PropertyID::WhiteSpace);
  270. if (!value.has_value() || !value.value()->is_identifier())
  271. return {};
  272. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  273. case CSS::ValueID::Normal:
  274. return CSS::WhiteSpace::Normal;
  275. case CSS::ValueID::Nowrap:
  276. return CSS::WhiteSpace::Nowrap;
  277. case CSS::ValueID::Pre:
  278. return CSS::WhiteSpace::Pre;
  279. case CSS::ValueID::PreLine:
  280. return CSS::WhiteSpace::PreLine;
  281. case CSS::ValueID::PreWrap:
  282. return CSS::WhiteSpace::PreWrap;
  283. default:
  284. return {};
  285. }
  286. }
  287. Optional<CSS::LineStyle> StyleProperties::line_style(CSS::PropertyID property_id) const
  288. {
  289. auto value = property(property_id);
  290. if (!value.has_value() || !value.value()->is_identifier())
  291. return {};
  292. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  293. case CSS::ValueID::None:
  294. return CSS::LineStyle::None;
  295. case CSS::ValueID::Hidden:
  296. return CSS::LineStyle::Hidden;
  297. case CSS::ValueID::Dotted:
  298. return CSS::LineStyle::Dotted;
  299. case CSS::ValueID::Dashed:
  300. return CSS::LineStyle::Dashed;
  301. case CSS::ValueID::Solid:
  302. return CSS::LineStyle::Solid;
  303. case CSS::ValueID::Double:
  304. return CSS::LineStyle::Double;
  305. case CSS::ValueID::Groove:
  306. return CSS::LineStyle::Groove;
  307. case CSS::ValueID::Ridge:
  308. return CSS::LineStyle::Ridge;
  309. case CSS::ValueID::Inset:
  310. return CSS::LineStyle::Inset;
  311. case CSS::ValueID::Outset:
  312. return CSS::LineStyle::Outset;
  313. default:
  314. return {};
  315. }
  316. }
  317. Optional<CSS::Float> StyleProperties::float_() const
  318. {
  319. auto value = property(CSS::PropertyID::Float);
  320. if (!value.has_value() || !value.value()->is_identifier())
  321. return {};
  322. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  323. case CSS::ValueID::None:
  324. return CSS::Float::None;
  325. case CSS::ValueID::Left:
  326. return CSS::Float::Left;
  327. case CSS::ValueID::Right:
  328. return CSS::Float::Right;
  329. default:
  330. return {};
  331. }
  332. }
  333. Optional<CSS::Clear> StyleProperties::clear() const
  334. {
  335. auto value = property(CSS::PropertyID::Clear);
  336. if (!value.has_value() || !value.value()->is_identifier())
  337. return {};
  338. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  339. case CSS::ValueID::None:
  340. return CSS::Clear::None;
  341. case CSS::ValueID::Left:
  342. return CSS::Clear::Left;
  343. case CSS::ValueID::Right:
  344. return CSS::Clear::Right;
  345. case CSS::ValueID::Both:
  346. return CSS::Clear::Both;
  347. default:
  348. return {};
  349. }
  350. }
  351. Optional<CSS::Cursor> StyleProperties::cursor() const
  352. {
  353. auto value = property(CSS::PropertyID::Cursor);
  354. if (!value.has_value() || !value.value()->is_identifier())
  355. return {};
  356. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  357. case CSS::ValueID::Auto:
  358. return CSS::Cursor::Auto;
  359. case CSS::ValueID::Default:
  360. return CSS::Cursor::Default;
  361. case CSS::ValueID::None:
  362. return CSS::Cursor::None;
  363. case CSS::ValueID::ContextMenu:
  364. return CSS::Cursor::ContextMenu;
  365. case CSS::ValueID::Help:
  366. return CSS::Cursor::Help;
  367. case CSS::ValueID::Pointer:
  368. return CSS::Cursor::Pointer;
  369. case CSS::ValueID::Progress:
  370. return CSS::Cursor::Progress;
  371. case CSS::ValueID::Wait:
  372. return CSS::Cursor::Wait;
  373. case CSS::ValueID::Cell:
  374. return CSS::Cursor::Cell;
  375. case CSS::ValueID::Crosshair:
  376. return CSS::Cursor::Crosshair;
  377. case CSS::ValueID::Text:
  378. return CSS::Cursor::Text;
  379. case CSS::ValueID::VerticalText:
  380. return CSS::Cursor::VerticalText;
  381. case CSS::ValueID::Alias:
  382. return CSS::Cursor::Alias;
  383. case CSS::ValueID::Copy:
  384. return CSS::Cursor::Copy;
  385. case CSS::ValueID::Move:
  386. return CSS::Cursor::Move;
  387. case CSS::ValueID::NoDrop:
  388. return CSS::Cursor::NoDrop;
  389. case CSS::ValueID::NotAllowed:
  390. return CSS::Cursor::NotAllowed;
  391. case CSS::ValueID::Grab:
  392. return CSS::Cursor::Grab;
  393. case CSS::ValueID::Grabbing:
  394. return CSS::Cursor::Grabbing;
  395. case CSS::ValueID::EResize:
  396. return CSS::Cursor::EResize;
  397. case CSS::ValueID::NResize:
  398. return CSS::Cursor::NResize;
  399. case CSS::ValueID::NeResize:
  400. return CSS::Cursor::NeResize;
  401. case CSS::ValueID::NwResize:
  402. return CSS::Cursor::NwResize;
  403. case CSS::ValueID::SResize:
  404. return CSS::Cursor::SResize;
  405. case CSS::ValueID::SeResize:
  406. return CSS::Cursor::SeResize;
  407. case CSS::ValueID::SwResize:
  408. return CSS::Cursor::SwResize;
  409. case CSS::ValueID::WResize:
  410. return CSS::Cursor::WResize;
  411. case CSS::ValueID::EwResize:
  412. return CSS::Cursor::EwResize;
  413. case CSS::ValueID::NsResize:
  414. return CSS::Cursor::NsResize;
  415. case CSS::ValueID::NeswResize:
  416. return CSS::Cursor::NeswResize;
  417. case CSS::ValueID::NwseResize:
  418. return CSS::Cursor::NwseResize;
  419. case CSS::ValueID::ColResize:
  420. return CSS::Cursor::ColResize;
  421. case CSS::ValueID::RowResize:
  422. return CSS::Cursor::RowResize;
  423. case CSS::ValueID::AllScroll:
  424. return CSS::Cursor::AllScroll;
  425. case CSS::ValueID::ZoomIn:
  426. return CSS::Cursor::ZoomIn;
  427. case CSS::ValueID::ZoomOut:
  428. return CSS::Cursor::ZoomOut;
  429. default:
  430. return {};
  431. }
  432. }
  433. CSS::Display StyleProperties::display() const
  434. {
  435. auto value = property(CSS::PropertyID::Display);
  436. if (!value.has_value() || !value.value()->is_identifier())
  437. return CSS::Display::Inline;
  438. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  439. case CSS::ValueID::None:
  440. return CSS::Display::None;
  441. case CSS::ValueID::Block:
  442. return CSS::Display::Block;
  443. case CSS::ValueID::Inline:
  444. return CSS::Display::Inline;
  445. case CSS::ValueID::InlineBlock:
  446. return CSS::Display::InlineBlock;
  447. case CSS::ValueID::ListItem:
  448. return CSS::Display::ListItem;
  449. case CSS::ValueID::Table:
  450. return CSS::Display::Table;
  451. case CSS::ValueID::TableRow:
  452. return CSS::Display::TableRow;
  453. case CSS::ValueID::TableCell:
  454. return CSS::Display::TableCell;
  455. case CSS::ValueID::TableColumn:
  456. return CSS::Display::TableColumn;
  457. case CSS::ValueID::TableColumnGroup:
  458. return CSS::Display::TableColumnGroup;
  459. case CSS::ValueID::TableCaption:
  460. return CSS::Display::TableCaption;
  461. case CSS::ValueID::TableRowGroup:
  462. return CSS::Display::TableRowGroup;
  463. case CSS::ValueID::TableHeaderGroup:
  464. return CSS::Display::TableHeaderGroup;
  465. case CSS::ValueID::TableFooterGroup:
  466. return CSS::Display::TableFooterGroup;
  467. case CSS::ValueID::Flex:
  468. return CSS::Display::Flex;
  469. default:
  470. return CSS::Display::Block;
  471. }
  472. }
  473. Optional<CSS::TextDecorationLine> StyleProperties::text_decoration_line() const
  474. {
  475. auto value = property(CSS::PropertyID::TextDecorationLine);
  476. if (!value.has_value() || !value.value()->is_identifier())
  477. return {};
  478. switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) {
  479. case CSS::ValueID::None:
  480. return CSS::TextDecorationLine::None;
  481. case CSS::ValueID::Underline:
  482. return CSS::TextDecorationLine::Underline;
  483. case CSS::ValueID::Overline:
  484. return CSS::TextDecorationLine::Overline;
  485. case CSS::ValueID::LineThrough:
  486. return CSS::TextDecorationLine::LineThrough;
  487. case CSS::ValueID::Blink:
  488. return CSS::TextDecorationLine::Blink;
  489. default:
  490. return {};
  491. }
  492. }
  493. Optional<CSS::TextTransform> StyleProperties::text_transform() const
  494. {
  495. auto value = property(CSS::PropertyID::TextTransform);
  496. if (!value.has_value())
  497. return {};
  498. switch (value.value()->to_identifier()) {
  499. case CSS::ValueID::None:
  500. return CSS::TextTransform::None;
  501. case CSS::ValueID::Lowercase:
  502. return CSS::TextTransform::Lowercase;
  503. case CSS::ValueID::Uppercase:
  504. return CSS::TextTransform::Uppercase;
  505. case CSS::ValueID::Capitalize:
  506. return CSS::TextTransform::Capitalize;
  507. case CSS::ValueID::FullWidth:
  508. return CSS::TextTransform::FullWidth;
  509. case CSS::ValueID::FullSizeKana:
  510. return CSS::TextTransform::FullSizeKana;
  511. default:
  512. return {};
  513. }
  514. }
  515. Optional<CSS::ListStyleType> StyleProperties::list_style_type() const
  516. {
  517. auto value = property(CSS::PropertyID::ListStyleType);
  518. if (!value.has_value())
  519. return {};
  520. switch (value.value()->to_identifier()) {
  521. case CSS::ValueID::None:
  522. return CSS::ListStyleType::None;
  523. case CSS::ValueID::Disc:
  524. return CSS::ListStyleType::Disc;
  525. case CSS::ValueID::Circle:
  526. return CSS::ListStyleType::Circle;
  527. case CSS::ValueID::Square:
  528. return CSS::ListStyleType::Square;
  529. case CSS::ValueID::Decimal:
  530. return CSS::ListStyleType::Decimal;
  531. default:
  532. return {};
  533. }
  534. }
  535. Optional<CSS::Overflow> StyleProperties::overflow_x() const
  536. {
  537. return overflow(CSS::PropertyID::OverflowX);
  538. }
  539. Optional<CSS::Overflow> StyleProperties::overflow_y() const
  540. {
  541. return overflow(CSS::PropertyID::OverflowY);
  542. }
  543. Optional<CSS::Overflow> StyleProperties::overflow(CSS::PropertyID property_id) const
  544. {
  545. auto value = property(property_id);
  546. if (!value.has_value())
  547. return {};
  548. switch (value.value()->to_identifier()) {
  549. case CSS::ValueID::Auto:
  550. return CSS::Overflow::Auto;
  551. case CSS::ValueID::Visible:
  552. return CSS::Overflow::Visible;
  553. case CSS::ValueID::Hidden:
  554. return CSS::Overflow::Hidden;
  555. case CSS::ValueID::Clip:
  556. return CSS::Overflow::Clip;
  557. case CSS::ValueID::Scroll:
  558. return CSS::Overflow::Scroll;
  559. default:
  560. return {};
  561. }
  562. }
  563. Optional<CSS::Repeat> StyleProperties::background_repeat_x() const
  564. {
  565. auto value = property(CSS::PropertyID::BackgroundRepeatX);
  566. if (!value.has_value())
  567. return {};
  568. switch (value.value()->to_identifier()) {
  569. case CSS::ValueID::NoRepeat:
  570. return CSS::Repeat::NoRepeat;
  571. case CSS::ValueID::Repeat:
  572. return CSS::Repeat::Repeat;
  573. case CSS::ValueID::Round:
  574. return CSS::Repeat::Round;
  575. case CSS::ValueID::Space:
  576. return CSS::Repeat::Space;
  577. default:
  578. return {};
  579. }
  580. }
  581. Optional<CSS::Repeat> StyleProperties::background_repeat_y() const
  582. {
  583. auto value = property(CSS::PropertyID::BackgroundRepeatY);
  584. if (!value.has_value())
  585. return {};
  586. switch (value.value()->to_identifier()) {
  587. case CSS::ValueID::NoRepeat:
  588. return CSS::Repeat::NoRepeat;
  589. case CSS::ValueID::Repeat:
  590. return CSS::Repeat::Repeat;
  591. case CSS::ValueID::Round:
  592. return CSS::Repeat::Round;
  593. case CSS::ValueID::Space:
  594. return CSS::Repeat::Space;
  595. default:
  596. return {};
  597. }
  598. }
  599. }