diff --git a/components/layout/inline.rs b/components/layout/inline.rs
index e4f35b2f69a..39681a6836c 100644
--- a/components/layout/inline.rs
+++ b/components/layout/inline.rs
@@ -908,12 +908,12 @@ impl InlineFlow {
text_align::T::justify if !is_last_line && text_justify != text_justify::T::none => {
InlineFlow::justify_inline_fragments(fragments, line, slack_inline_size)
}
- text_align::T::left | text_align::T::justify => {}
+ text_align::T::left | text_align::T::justify | text_align::T::start => {}
text_align::T::center => {
inline_start_position_for_fragment = inline_start_position_for_fragment +
slack_inline_size.scale_by(0.5)
}
- text_align::T::right => {
+ text_align::T::right | text_align::T::end => {
inline_start_position_for_fragment = inline_start_position_for_fragment +
slack_inline_size
}
diff --git a/components/style/properties.mako.rs b/components/style/properties.mako.rs
index 8012bfc9683..9100f8221cd 100644
--- a/components/style/properties.mako.rs
+++ b/components/style/properties.mako.rs
@@ -1730,8 +1730,7 @@ pub mod longhands {
${new_style_struct("InheritedText", is_inherited=True)}
- // TODO: initial value should be 'start' (CSS Text Level 3, direction-dependent.)
- ${single_keyword("text-align", "left right center justify")}
+ ${single_keyword("text-align", "start end left right center justify")}
<%self:longhand name="letter-spacing">
use values::computed::{ToComputedValue, Context};
diff --git a/tests/ref/basic.list b/tests/ref/basic.list
index 5e77d0b9f4c..e24b958a798 100644
--- a/tests/ref/basic.list
+++ b/tests/ref/basic.list
@@ -304,6 +304,7 @@ experimental == rtl_simple.html rtl_simple_ref.html
== table_percentage_width_a.html table_percentage_width_ref.html
== text_align_complex_a.html text_align_complex_ref.html
== text_align_justify_a.html text_align_justify_ref.html
+experimental == text_align_start_end.html text_align_start_end_ref.html
== text_decoration_cached.html text_decoration_cached_ref.html
# text_decoration_propagation_a.html text_decoration_propagation_b.html
!= text_decoration_smoke_a.html text_decoration_smoke_ref.html
diff --git a/tests/ref/text_align_start_end.html b/tests/ref/text_align_start_end.html
new file mode 100644
index 00000000000..7c63d14e290
--- /dev/null
+++ b/tests/ref/text_align_start_end.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+ X
+ X
+ X
+ X
+
+
+
diff --git a/tests/ref/text_align_start_end_ref.html b/tests/ref/text_align_start_end_ref.html
new file mode 100644
index 00000000000..cc8d6c4dec4
--- /dev/null
+++ b/tests/ref/text_align_start_end_ref.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+ X
+ X
+ X
+ X
+
+
+