aspose_html 1.0.0

data/spec/spec_helper.rb

@@ -0,0 +1,169 @@
+# -*- coding: utf-8 -*-
+=begin
+  --------------------------------------------------------------------------------------------------------------------
+  <copyright company="Aspose" file="spec_helper.rb">
+  </copyright>
+   Copyright (c) 2018 Aspose.HTML for Cloud
+  <summary>
+   Permission is hereby granted, free of charge, to any person obtaining a copy
+   of this software and associated documentation files (the "Software"), to deal
+   in the Software without restriction, including without limitation the rights
+   to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+   copies of the Software, and to permit persons to whom the Software is
+   furnished to do so, subject to the following conditions:
+ 
+   The above copyright notice and this permission notice shall be included in all
+   copies or substantial portions of the Software.
+ 
+   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+   AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+   LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+   SOFTWARE.
+  </summary>
+  --------------------------------------------------------------------------------------------------------------------
+=end
+
+# load the gem
+require 'aspose_html'
+
+CONFIG = {
+    "basePath":"https://api.aspose.cloud/v1.1",
+    "authPath":"https://api.aspose.cloud/oauth2/token",
+    "apiKey":"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
+    "appSID":"XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX",
+    "debug":false
+}
+
+
+# from storage api
+
+Storage_api = AsposeHtml::StorageApi.new CONFIG
+
+# Helper methods
+def upload_file(file_name, upload_folder = nil)
+  folder = upload_folder.nil? ? "HtmlTestDoc" : upload_folder
+  path = folder + '/' + file_name
+  file = __dir__ + '/../testdata/' + file_name
+  Storage_api.put_create path, file
+end
+
+def download_file(file_name, download_folder = nil)
+  folder = download_folder.nil? ? "HtmlTestDoc" : download_folder
+
+  path = folder + "/" + file_name
+  opts = {version_id: nil,  storage: nil}
+  Storage_api.get_download(path, opts)
+end
+
+def save_to_test_dir(answer, dst_file)
+  src = answer[:file].path
+  dst = File.realpath(__dir__ + '/../testresult')
+  dst << "/" << dst_file
+  FileUtils.mv(src, dst)
+end
+
+def get_file_size(file_name)
+  file = __dir__ + '/../testdata/' + file_name
+  File.size(file)
+end
+
+
+# The following  was generated by the `rspec --init` command. Conventionally, all
+# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
+# The generated `.rspec` file contains `--require spec_helper` which will cause
+# this file to always be loaded, without a need to explicitly require it in any
+# files.
+#
+# Given that it is always loaded, you are encouraged to keep this file as
+# light-weight as possible. Requiring heavyweight dependencies from this file
+# will add to the boot time of your test suite on EVERY test run, even for an
+# individual file that may not need all of that loaded. Instead, consider making
+# a separate helper file that requires the additional dependencies and performs
+# the additional setup, and require it from the spec files that actually need
+# it.
+#
+# The `.rspec` file also contains a few flags that are not defaults but that
+# users commonly want.
+#
+# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
+RSpec.configure do |config|
+  # rspec-expectations config goes here. You can use an alternate
+  # assertion/expectation library such as wrong or the stdlib/minitest
+  # assertions if you prefer.
+  config.expect_with :rspec do |expectations|
+    # This option will default to `true` in RSpec 4. It makes the `description`
+    # and `failure_message` of custom matchers include text for helper methods
+    # defined using `chain`, e.g.:
+    #     be_bigger_than(2).and_smaller_than(4).description
+    #     # => "be bigger than 2 and smaller than 4"
+    # ...rather than:
+    #     # => "be bigger than 2"
+    expectations.include_chain_clauses_in_custom_matcher_descriptions = true
+  end
+
+  # rspec-mocks config goes here. You can use an alternate test double
+  # library (such as bogus or mocha) by changing the `mock_with` option here.
+  config.mock_with :rspec do |mocks|
+    # Prevents you from mocking or stubbing a method that does not exist on
+    # a real object. This is generally recommended, and will default to
+    # `true` in RSpec 4.
+    mocks.verify_partial_doubles = true
+  end
+
+# The settings below are suggested to provide a good initial experience
+# with RSpec, but feel free to customize to your heart's content.
+=begin
+  # These two settings work together to allow you to limit a spec run
+  # to individual examples or groups you care about by tagging them with
+  # `:focus` metadata. When nothing is tagged with `:focus`, all examples
+  # get run.
+  config.filter_run :focus
+  config.run_all_when_everything_filtered = true
+
+  # Allows RSpec to persist some state between runs in order to support
+  # the `--only-failures` and `--next-failure` CLI options. We recommend
+  # you configure your source control system to ignore this file.
+  config.example_status_persistence_file_path = "spec/examples.txt"
+
+  # Limits the available syntax to the non-monkey patched syntax that is
+  # recommended. For more details, see:
+  #   - http://rspec.info/blog/2012/06/rspecs-new-expectation-syntax/
+  #   - http://www.teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
+  #   - http://rspec.info/blog/2014/05/notable-changes-in-rspec-3/#zero-monkey-patching-mode
+  config.disable_monkey_patching!
+
+  # This setting enables warnings. It's recommended, but in some cases may
+  # be too noisy due to issues in dependencies.
+  config.warnings = true
+
+  # Many RSpec users commonly either run the entire suite or an individual
+  # file, and it's useful to allow more verbose output when running an
+  # individual spec file.
+  if config.files_to_run.one?
+    # Use the documentation formatter for detailed output,
+    # unless a formatter has already been configured
+    # (e.g. via a command-line flag).
+    config.default_formatter = 'doc'
+  end
+
+  # Print the 10 slowest examples and example groups at the
+  # end of the spec run, to help surface which specs are running
+  # particularly slow.
+  config.profile_examples = 10
+
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = :random
+
+  # Seed global randomization in this process using the `--seed` CLI option.
+  # Setting this allows you to use `--seed` to deterministically reproduce
+  # test failures related to randomization by passing the same `--seed` value
+  # as the one that triggered the failure.
+  Kernel.srand config.seed
+=end
+end

data/testdata/test.txt

@@ -0,0 +1 @@
+test

data/testdata/test1.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<title> Aspose HTML test page </title>
+<body bgcolor="#080">
+<h1>Aspose test page</h1>
+<h2>Aspose test page</h2>
+<h3>Aspose test page</h3>
+<h4>Aspose test page</h4>
+<h5>Aspose test page</h5>
+<h6>Aspose test page</h6>
+<p>TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest
+</p>
+<h3>
+TestTest TestTestTest TestTestTestTest TestTestTestTestTest TestTestTestTestTestTest TestTestTestTestTestTestTest TestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest
+
+</h3>
+<h1>Aspose test page</h1>
+</body>
+</html>

data/testdata/test2.html

@@ -0,0 +1,46 @@
+<html>
+<head>
+	<meta charset="utf-8" />
+	<title>Example 1</title>
+	<style>
+		body {
+			background-color: powderblue
+		}
+		
+		.darkbox {
+			background-color:#808080;
+			color:white;
+			margin:15px;
+			padding:25px; 
+		}
+		
+	</style>
+</head>
+<body >
+<div id="div1">
+<h1 align="center">EXAMPLE</h1>
+<p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
+</div>
+<br>
+<div>
+	<ol>
+		<li>
+			The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>		
+	</ol>
+</div>
+<div class="darkbox">
+  <h2>London</h2>
+  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
+  <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
+</div> 
+<div>
+</div>
+</body>
+</html>

data/testdata/test_en.html

@@ -0,0 +1,46 @@
+<html>
+<head>
+	<meta charset="utf-8" />
+	<title>Example 1</title>
+	<style>
+		body {
+			background-color: powderblue
+		}
+		
+		.darkbox {
+			background-color:#808080;
+			color:white;
+			margin:15px;
+			padding:25px; 
+		}
+		
+	</style>
+</head>
+<body >
+<div id="div1">
+<h1 align="center">EXAMPLE</h1>
+<p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
+</div>
+<br>
+<div>
+	<ol>
+		<li>
+			The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>		
+	</ol>
+</div>
+<div class="darkbox">
+  <h2>London</h2>
+  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
+  <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
+</div> 
+<div>
+</div>
+</body>
+</html>

data/testdata/test_for_delete.html

@@ -0,0 +1,46 @@
+<html>
+<head>
+	<meta charset="utf-8" />
+	<title>Example 1</title>
+	<style>
+		body {
+			background-color: powderblue
+		}
+		
+		.darkbox {
+			background-color:#808080;
+			color:white;
+			margin:15px;
+			padding:25px; 
+		}
+		
+	</style>
+</head>
+<body >
+<div id="div1">
+<h1 align="center">EXAMPLE</h1>
+<p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
+</div>
+<br>
+<div>
+	<ol>
+		<li>
+			The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>		
+	</ol>
+</div>
+<div class="darkbox">
+  <h2>London</h2>
+  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
+  <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
+</div> 
+<div>
+</div>
+</body>
+</html>

data/testdata/test_for_move.html

@@ -0,0 +1,46 @@
+<html>
+<head>
+	<meta charset="utf-8" />
+	<title>Example 1</title>
+	<style>
+		body {
+			background-color: powderblue
+		}
+		
+		.darkbox {
+			background-color:#808080;
+			color:white;
+			margin:15px;
+			padding:25px; 
+		}
+		
+	</style>
+</head>
+<body >
+<div id="div1">
+<h1 align="center">EXAMPLE</h1>
+<p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
+</div>
+<br>
+<div>
+	<ol>
+		<li>
+			The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>
+		<li>
+			The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+		</li>		
+	</ol>
+</div>
+<div class="darkbox">
+  <h2>London</h2>
+  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
+  <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
+</div> 
+<div>
+</div>
+</body>
+</html>

data/testdata/test_put_create.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<title> Aspose HTML test page </title>
+<body bgcolor="#080">
+<h1>Aspose test page</h1>
+<h2>Aspose test page</h2>
+<h3>Aspose test page</h3>
+<h4>Aspose test page</h4>
+<h5>Aspose test page</h5>
+<h6>Aspose test page</h6>
+<p>TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest
+</p>
+<h3>
+TestTest TestTestTest TestTestTestTest TestTestTestTestTest TestTestTestTestTestTest TestTestTestTestTestTestTest TestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest
+
+</h3>
+<h1>Aspose test page</h1>
+</body>
+</html>

data/testresult/Get_fragment_css_by_url.html

@@ -0,0 +1,447 @@
+<a href="/default.asp" class="topnav-icons fa fa-home w3-left w3-bar-item w3-button" title="Home"></a>
+<a class="w3-bar-item w3-button" href="/html/default.asp" title="HTML Tutorial">HTML</a>
+<a class="w3-bar-item w3-button" href="/css/default.asp" title="CSS Tutorial">CSS</a>
+<a class="w3-bar-item w3-button" href="/js/default.asp" title="JavaScript Tutorial">JAVASCRIPT</a>
+<a class="w3-bar-item w3-button" href="/sql/default.asp" title="SQL Tutorial">SQL</a>
+<a class="w3-bar-item w3-button" href="/php/default.asp" title="PHP Tutorial">PHP</a>
+<a class="w3-bar-item w3-button" href="/bootstrap/default.asp" title="Bootstrap Tutorial">BOOTSTRAP</a>
+<a class="w3-bar-item w3-button" href="/howto/default.asp" title="How To">HOW TO</a>
+<a class="w3-bar-item w3-button" href="/jquery/default.asp" title="jQuery Tutorial">JQUERY</a>
+<a class="w3-bar-item w3-button" href="/w3css/default.asp" title="W3.CSS Tutorial">W3.CSS</a>
+<a class="w3-bar-item w3-button" href="/python/default.asp" title="Python Tutorial">PYTHON</a>
+<a class="w3-bar-item w3-button" href="/xml/default.asp" title="XML Tutorial">XML</a>
+<a class="w3-bar-item w3-button w3-right" href="/forum/default.asp">FORUM</a>
+<a class="w3-bar-item w3-button" href="/html/default.asp">Learn HTML</a>
+<a class="w3-bar-item w3-button" href="/css/default.asp">Learn CSS</a>
+<a class="w3-bar-item w3-button" href="/w3css/default.asp">Learn W3.CSS</a>
+<a class="w3-bar-item w3-button" href="/colors/default.asp">Learn Colors</a>
+<a class="w3-bar-item w3-button" href="/bootstrap/default.asp">Learn Bootstrap 3</a>
+<a class="w3-bar-item w3-button" href="/bootstrap4/default.asp">Learn Bootstrap 4</a>
+<a class="w3-bar-item w3-button" href="/graphics/default.asp">Learn Graphics</a>
+<a class="w3-bar-item w3-button" href="/icons/default.asp">Learn Icons</a>
+<a class="w3-bar-item w3-button" href="/howto/default.asp">Learn How To</a>
+<a class="w3-bar-item w3-button" href="/js/default.asp">Learn JavaScript</a>
+<a class="w3-bar-item w3-button" href="/jquery/default.asp">Learn jQuery</a>
+<a class="w3-bar-item w3-button" href="/angular/default.asp">Learn AngularJS</a>
+<a class="w3-bar-item w3-button" href="/js/js_json_intro.asp">Learn JSON</a>
+<a class="w3-bar-item w3-button" href="/js/js_ajax_intro.asp">Learn AJAX</a>
+<a class="w3-bar-item w3-button" href="/w3js/default.asp">Learn W3.JS</a>
+<a class="w3-bar-item w3-button" href="/sql/default.asp">Learn SQL</a>
+<a class="w3-bar-item w3-button" href="/php/default.asp">Learn PHP</a>
+<a class="w3-bar-item w3-button" href="/python/default.asp">Learn Python</a>
+<a class="w3-bar-item w3-button" href="/asp/default.asp">Learn ASP</a>
+<a class="w3-bar-item w3-button" href="/nodejs/default.asp">Learn Node.js</a>
+<a class="w3-bar-item w3-button" href="/nodejs/nodejs_raspberrypi.asp">Learn Raspberry Pi</a>
+<a class="w3-bar-item w3-button" href="/w3css/w3css_templates.asp">Web Templates</a>
+<a class="w3-bar-item w3-button" href="/browsers/default.asp">Web Statistics</a>
+<a class="w3-bar-item w3-button" href="/cert/default.asp">Web Certificates</a>
+<a class="w3-bar-item w3-button" href="/tryit/default.asp">Web Editor</a>
+<a class="w3-bar-item w3-button" href="/xml/default.asp">Learn XML</a>
+<a class="w3-bar-item w3-button" href="/xml/ajax_intro.asp">Learn XML AJAX</a>
+<a class="w3-bar-item w3-button" href="/xml/dom_intro.asp">Learn XML DOM</a>
+<a class="w3-bar-item w3-button" href="/xml/xml_dtd_intro.asp">Learn XML DTD</a>
+<a class="w3-bar-item w3-button" href="/xml/schema_intro.asp">Learn XML Schema</a>
+<a class="w3-bar-item w3-button" href="/xml/xsl_intro.asp">Learn XSLT</a>
+<a class="w3-bar-item w3-button" href="/xml/xpath_intro.asp">Learn XPath</a>
+<a class="w3-bar-item w3-button" href="/xml/xquery_intro.asp">Learn XQuery</a>
+<a class="w3-bar-item w3-button" href="/tags/default.asp">HTML Tag Reference</a>
+<a class="w3-bar-item w3-button" href="/tags/ref_eventattributes.asp">HTML Event Reference</a>
+<a class="w3-bar-item w3-button" href="/colors/default.asp">HTML Color Reference</a>
+<a class="w3-bar-item w3-button" href="/tags/ref_attributes.asp">HTML Attribute Reference</a>
+<a class="w3-bar-item w3-button" href="/tags/ref_canvas.asp">HTML Canvas Reference</a>
+<a class="w3-bar-item w3-button" href="/graphics/svg_reference.asp">HTML SVG Reference</a>
+<a class="w3-bar-item w3-button" href="/graphics/google_maps_reference.asp">Google Maps Reference</a>
+<a class="w3-bar-item w3-button" href="/charsets/default.asp">HTML Character Sets</a>
+<a class="w3-bar-item w3-button" href="/charsets/ref_html_ascii.asp">HTML ASCII</a>
+<a class="w3-bar-item w3-button" href="/charsets/ref_html_ansi.asp">HTML ANSI</a>
+<a class="w3-bar-item w3-button" href="/charsets/ref_html_ansi.asp">HTML Windows-1252</a>
+<a class="w3-bar-item w3-button" href="/charsets/ref_html_8859.asp">HTML ISO-8859-1</a>
+<a class="w3-bar-item w3-button" href="/charsets/ref_html_symbols.asp">HTML Symbols</a>
+<a class="w3-bar-item w3-button" href="/charsets/ref_html_utf8.asp">HTML UTF-8</a>
+<a class="w3-bar-item w3-button" href="/cssref/default.asp">CSS Reference</a>
+<a class="w3-bar-item w3-button" href="/cssref/css3_browsersupport.asp">CSS Browser Support</a>
+<a class="w3-bar-item w3-button" href="/cssref/css_selectors.asp">CSS Selector Reference</a>
+<a class="w3-bar-item w3-button" href="/w3css/w3css_references.asp">W3.CSS Reference</a>
+<a class="w3-bar-item w3-button" href="/bootstrap/bootstrap_ref_all_classes.asp">Bootstrap Reference</a>
+<a class="w3-bar-item w3-button" href="/icons/icons_reference.asp">Icon Reference</a>
+<a class="w3-bar-item w3-button" href="/xml/dom_nodetype.asp">XML Reference</a>
+<a class="w3-bar-item w3-button" href="/xml/dom_http.asp">XML Http Reference</a>
+<a class="w3-bar-item w3-button" href="/xml/xsl_elementref.asp">XSLT Reference</a>
+<a class="w3-bar-item w3-button" href="/xml/schema_elements_ref.asp">XML Schema Reference</a>
+<a class="w3-bar-item w3-button" href="/jsref/default.asp">JavaScript Reference</a>
+<a class="w3-bar-item w3-button" href="/jsref/default.asp">HTML DOM Reference</a>
+<a class="w3-bar-item w3-button" href="/jquery/jquery_ref_overview.asp">jQuery Reference</a>
+<a class="w3-bar-item w3-button" href="/angular/angular_ref_directives.asp">AngularJS Reference</a>
+<a class="w3-bar-item w3-button" href="/w3js/w3js_references.asp">W3.JS Reference</a>
+<a class="w3-bar-item w3-button" href="/php/php_ref_overview.asp">PHP Reference</a>
+<a class="w3-bar-item w3-button" href="/sql/sql_quickref.asp">SQL Reference</a>
+<a class="w3-bar-item w3-button" href="/python/python_reference.asp">Python Reference</a>
+<a class="w3-bar-item w3-button" href="/asp/asp_ref_response.asp">ASP Reference</a>
+<a class="w3-bar-item w3-button" href="/html/html_examples.asp">HTML Examples</a>
+<a class="w3-bar-item w3-button" href="/css/css_examples.asp">CSS Examples</a>
+<a class="w3-bar-item w3-button" href="/w3css/w3css_examples.asp">W3.CSS Examples</a>
+<a class="w3-bar-item w3-button" href="/w3css/w3css_templates.asp">W3.CSS Templates</a>
+<a class="w3-bar-item w3-button" href="/bootstrap/bootstrap_examples.asp">Bootstrap Examples</a>
+<a class="w3-bar-item w3-button" href="/howto/default.asp">How To Examples</a>
+<a class="w3-bar-item w3-button" href="/graphics/svg_examples.asp">SVG Examples</a>
+<a class="w3-bar-item w3-button" href="/js/js_examples.asp" target="_top">JavaScript Examples</a>
+<a class="w3-bar-item w3-button" href="/js/js_dom_examples.asp" target="_top">HTML DOM Examples</a>
+<a class="w3-bar-item w3-button" href="/jquery/jquery_examples.asp" target="_top">jQuery Examples</a>
+<a class="w3-bar-item w3-button" href="/angular/angular_examples.asp" target="_top">AngularJS Examples</a>
+<a class="w3-bar-item w3-button" href="/js/js_ajax_examples.asp" target="_top">AJAX Examples</a>
+<a class="w3-bar-item w3-button" href="/w3js/w3js_examples.asp">W3.JS Examples</a>
+<a class="w3-bar-item w3-button" href="/php/php_examples.asp" target="_top">PHP Examples</a>
+<a class="w3-bar-item w3-button" href="/asp/asp_examples.asp" target="_top">ASP Examples</a>
+<a class="w3-bar-item w3-button" href="/xml/xml_examples.asp" target="_top">XML Examples</a>
+<a class="w3-bar-item w3-button" href="/xml/xsl_examples.asp" target="_top">XSLT Examples</a>
+<a class="w3-bar-item w3-button" href="/xml/xpath_examples.asp" target="_top">XPath Examples</a>
+<a class="w3-bar-item w3-button" href="/xml/schema_example.asp" target="_top">XML Schema Examples</a>
+<a class="w3-bar-item w3-button" href="/graphics/svg_examples.asp" target="_top">SVG Examples</a>
+<a target="_top" href="default.asp">CSS Reference</a>
+<a target="_top" href="css3_browsersupport.asp">CSS Browser Support</a>
+<a target="_top" href="css_selectors.asp">CSS Selectors</a>
+<a target="_top" href="css_functions.asp">CSS Functions</a>
+<a target="_top" href="css_ref_aural.asp">CSS Reference Aural</a>
+<a target="_top" href="css_websafe_fonts.asp">CSS Web Safe Fonts</a>
+<a target="_top" href="css_animatable.asp">CSS Animatable</a>
+<a target="_top" href="css_units.asp">CSS Units</a>
+<a target="_top" href="css_pxtoemconversion.asp">CSS PX-EM Converter</a>
+<a target="_top" href="css_colors.asp">CSS Colors</a>
+<a target="_top" href="css_colors_legal.asp">CSS Color Values</a>
+<a target="_top" href="css_default_values.asp">CSS Default Values</a>
+<a target="_top" href="css_entities.asp">CSS Entities</a>
+<a target="_top" href="css3_pr_align-content.asp">align-content</a>
+<a target="_top" href="css3_pr_align-items.asp">align-items</a>
+<a target="_top" href="css3_pr_align-self.asp">align-self</a>
+<a target="_top" href="css3_pr_all.asp">all</a>
+<a target="_top" href="css3_pr_animation.asp">animation</a>
+<a target="_top" href="css3_pr_animation-delay.asp">animation-delay</a>
+<a target="_top" href="css3_pr_animation-direction.asp">animation-direction</a>
+<a target="_top" href="css3_pr_animation-duration.asp">animation-duration</a>
+<a target="_top" href="css3_pr_animation-fill-mode.asp">animation-fill-mode</a>
+<a target="_top" href="css3_pr_animation-iteration-count.asp">animation-iteration-count</a>
+<a target="_top" href="css3_pr_animation-name.asp">animation-name</a>
+<a target="_top" href="css3_pr_animation-play-state.asp">animation-play-state</a>
+<a target="_top" href="css3_pr_animation-timing-function.asp">animation-timing-function</a>
+<a target="_top" href="css3_pr_backface-visibility.asp">backface-visibility</a>
+<a target="_top" href="css3_pr_background.asp">background</a>
+<a target="_top" href="pr_background-attachment.asp">background-attachment</a>
+<a target="_top" href="pr_background-blend-mode.asp">background-blend-mode</a>
+<a target="_top" href="css3_pr_background-clip.asp">background-clip</a>
+<a target="_top" href="pr_background-color.asp">background-color</a>
+<a target="_top" href="pr_background-image.asp">background-image</a>
+<a target="_top" href="css3_pr_background-origin.asp">background-origin</a>
+<a target="_top" href="pr_background-position.asp">background-position</a>
+<a target="_top" href="pr_background-repeat.asp">background-repeat</a>
+<a target="_top" href="css3_pr_background-size.asp">background-size</a>
+<a target="_top" href="pr_border.asp">border</a>
+<a target="_top" href="pr_border-bottom.asp">border-bottom</a>
+<a target="_top" href="pr_border-bottom_color.asp">border-bottom-color</a>
+<a target="_top" href="css3_pr_border-bottom-left-radius.asp">border-bottom-left-radius</a>
+<a target="_top" href="css3_pr_border-bottom-right-radius.asp">border-bottom-right-radius</a>
+<a target="_top" href="pr_border-bottom_style.asp">border-bottom-style</a>
+<a target="_top" href="pr_border-bottom_width.asp">border-bottom-width</a>
+<a target="_top" href="pr_border-collapse.asp">border-collapse</a>
+<a target="_top" href="pr_border-color.asp">border-color</a>
+<a target="_top" href="css3_pr_border-image.asp">border-image</a>
+<a target="_top" href="css3_pr_border-image-outset.asp">border-image-outset</a>
+<a target="_top" href="css3_pr_border-image-repeat.asp">border-image-repeat</a>
+<a target="_top" href="css3_pr_border-image-slice.asp">border-image-slice</a>
+<a target="_top" href="css3_pr_border-image-source.asp">border-image-source</a>
+<a target="_top" href="css3_pr_border-image-width.asp">border-image-width</a>
+<a target="_top" href="pr_border-left.asp">border-left</a>
+<a target="_top" href="pr_border-left_color.asp">border-left-color</a>
+<a target="_top" href="pr_border-left_style.asp">border-left-style</a>
+<a target="_top" href="pr_border-left_width.asp">border-left-width</a>
+<a target="_top" href="css3_pr_border-radius.asp">border-radius</a>
+<a target="_top" href="pr_border-right.asp">border-right</a>
+<a target="_top" href="pr_border-right_color.asp">border-right-color</a>
+<a target="_top" href="pr_border-right_style.asp">border-right-style</a>
+<a target="_top" href="pr_border-right_width.asp">border-right-width</a>
+<a target="_top" href="pr_border-spacing.asp">border-spacing</a>
+<a target="_top" href="pr_border-style.asp">border-style</a>
+<a target="_top" href="pr_border-top.asp">border-top</a>
+<a target="_top" href="pr_border-top_color.asp">border-top-color</a>
+<a target="_top" href="css3_pr_border-top-left-radius.asp">border-top-left-radius</a>
+<a target="_top" href="css3_pr_border-top-right-radius.asp">border-top-right-radius</a>
+<a target="_top" href="pr_border-top_style.asp">border-top-style</a>
+<a target="_top" href="pr_border-top_width.asp">border-top-width</a>
+<a target="_top" href="pr_border-width.asp">border-width</a>
+<a target="_top" href="pr_pos_bottom.asp">bottom</a>
+<a target="_top" href="css3_pr_box-decoration-break.asp">box-decoration-break</a>
+<a target="_top" href="css3_pr_box-shadow.asp">box-shadow</a>
+<a target="_top" href="css3_pr_box-sizing.asp">box-sizing</a>
+<a target="_top" href="pr_tab_caption-side.asp">caption-side</a>
+<a target="_top" href="css3_pr_caret-color.asp">caret-color</a>
+<a target="_top" href="pr_charset_rule.asp">@charset</a>
+<a target="_top" href="pr_class_clear.asp">clear</a>
+<a target="_top" href="pr_pos_clip.asp">clip</a>
+<a target="_top" href="pr_text_color.asp">color</a>
+<a target="_top" href="css3_pr_column-count.asp">column-count</a>
+<a target="_top" href="css3_pr_column-fill.asp">column-fill</a>
+<a target="_top" href="css3_pr_column-gap.asp">column-gap</a>
+<a target="_top" href="css3_pr_column-rule.asp">column-rule</a>
+<a target="_top" href="css3_pr_column-rule-color.asp">column-rule-color</a>
+<a target="_top" href="css3_pr_column-rule-style.asp">column-rule-style</a>
+<a target="_top" href="css3_pr_column-rule-width.asp">column-rule-width</a>
+<a target="_top" href="css3_pr_column-span.asp">column-span</a>
+<a target="_top" href="css3_pr_column-width.asp">column-width</a>
+<a target="_top" href="css3_pr_columns.asp">columns</a>
+<a target="_top" href="pr_gen_content.asp">content</a>
+<a target="_top" href="pr_gen_counter-increment.asp">counter-increment</a>
+<a target="_top" href="pr_gen_counter-reset.asp">counter-reset</a>
+<a target="_top" href="pr_class_cursor.asp">cursor</a>
+<a target="_top" href="pr_text_direction.asp">direction</a>
+<a target="_top" href="pr_class_display.asp">display</a>
+<a target="_top" href="pr_tab_empty-cells.asp">empty-cells</a>
+<a target="_top" href="css3_pr_filter.asp">filter</a>
+<a target="_top" href="css3_pr_flex.asp">flex</a>
+<a target="_top" href="css3_pr_flex-basis.asp">flex-basis</a>
+<a target="_top" href="css3_pr_flex-direction.asp">flex-direction</a>
+<a target="_top" href="css3_pr_flex-flow.asp">flex-flow</a>
+<a target="_top" href="css3_pr_flex-grow.asp">flex-grow</a>
+<a target="_top" href="css3_pr_flex-shrink.asp">flex-shrink</a>
+<a target="_top" href="css3_pr_flex-wrap.asp">flex-wrap</a>
+<a target="_top" href="pr_class_float.asp">float</a>
+<a target="_top" href="pr_font_font.asp">font</a>
+<a target="_top" href="css3_pr_font-face_rule.asp">@font-face</a>
+<a target="_top" href="pr_font_font-family.asp">font-family</a>
+<a target="_top" href="css3_pr_font-kerning.asp">font-kerning</a>
+<a target="_top" href="pr_font_font-size.asp">font-size</a>
+<a target="_top" href="css3_pr_font-size-adjust.asp">font-size-adjust</a>
+<a target="_top" href="css3_pr_font-stretch.asp">font-stretch</a>
+<a target="_top" href="pr_font_font-style.asp">font-style</a>
+<a target="_top" href="pr_font_font-variant.asp">font-variant</a>
+<a target="_top" href="pr_font_weight.asp">font-weight</a>
+<a target="_top" href="pr_grid.asp">grid</a>
+<a target="_top" href="pr_grid-area.asp">grid-area</a>
+<a target="_top" href="pr_grid-auto-columns.asp">grid-auto-columns</a>
+<a target="_top" href="pr_grid-auto-flow.asp">grid-auto-flow</a>
+<a target="_top" href="pr_grid-auto-rows.asp">grid-auto-rows</a>
+<a target="_top" href="pr_grid-column.asp">grid-column</a>
+<a target="_top" href="pr_grid-column-end.asp">grid-column-end</a>
+<a target="_top" href="pr_grid-column-gap.asp">grid-column-gap</a>
+<a target="_top" href="pr_grid-column-start.asp">grid-column-start</a>
+<a target="_top" href="pr_grid-gap.asp">grid-gap</a>
+<a target="_top" href="pr_grid-row.asp">grid-row</a>
+<a target="_top" href="pr_grid-row-end.asp">grid-row-end</a>
+<a target="_top" href="pr_grid-row-gap.asp">grid-row-gap</a>
+<a target="_top" href="pr_grid-row-start.asp">grid-row-start</a>
+<a target="_top" href="pr_grid-template.asp">grid-template</a>
+<a target="_top" href="pr_grid-template-areas.asp">grid-template-areas</a>
+<a target="_top" href="pr_grid-template-columns.asp">grid-template-columns</a>
+<a target="_top" href="pr_grid-template-rows.asp">grid-template-rows</a>
+<a target="_top" href="css3_pr_hanging-punctuation.asp">hanging-punctuation</a>
+<a target="_top" href="pr_dim_height.asp">height</a>
+<a target="_top" href="css3_pr_hyphens.asp">hyphens</a>
+<a target="_top" href="pr_import_rule.asp">@import</a>
+<a target="_top" href="css3_pr_isolation.asp">isolation</a>
+<a target="_top" href="css3_pr_justify-content.asp">justify-content</a>
+<a target="_top" href="css3_pr_animation-keyframes.asp">@keyframes</a>
+<a target="_top" href="pr_pos_left.asp">left</a>
+<a target="_top" href="pr_text_letter-spacing.asp">letter-spacing</a>
+<a target="_top" href="pr_dim_line-height.asp">line-height</a>
+<a target="_top" href="pr_list-style.asp">list-style</a>
+<a target="_top" href="pr_list-style-image.asp">list-style-image</a>
+<a target="_top" href="pr_list-style-position.asp">list-style-position</a>
+<a target="_top" href="pr_list-style-type.asp">list-style-type</a>
+<a target="_top" href="pr_margin.asp">margin</a>
+<a target="_top" href="pr_margin-bottom.asp">margin-bottom</a>
+<a target="_top" href="pr_margin-left.asp">margin-left</a>
+<a target="_top" href="pr_margin-right.asp">margin-right</a>
+<a target="_top" href="pr_margin-top.asp">margin-top</a>
+<a target="_top" href="pr_dim_max-height.asp">max-height</a>
+<a target="_top" href="pr_dim_max-width.asp">max-width</a>
+<a target="_top" href="css3_pr_mediaquery.asp">@media</a>
+<a target="_top" href="pr_dim_min-height.asp">min-height</a>
+<a target="_top" href="pr_dim_min-width.asp">min-width</a>
+<a target="_top" href="pr_mix-blend-mode.asp">mix-blend-mode</a>
+<a target="_top" href="css3_pr_object-fit.asp">object-fit</a>
+<a target="_top" href="css3_pr_object-position.asp">object-position</a>
+<a target="_top" href="css3_pr_opacity.asp">opacity</a>
+<a target="_top" href="css3_pr_order.asp">order</a>
+<a target="_top" href="pr_outline.asp">outline</a>
+<a target="_top" href="pr_outline-color.asp">outline-color</a>
+<a target="_top" href="css3_pr_outline-offset.asp">outline-offset</a>
+<a target="_top" href="pr_outline-style.asp">outline-style</a>
+<a target="_top" href="pr_outline-width.asp">outline-width</a>
+<a target="_top" href="pr_pos_overflow.asp">overflow</a>
+<a target="_top" href="css3_pr_overflow-x.asp">overflow-x</a>
+<a target="_top" href="css3_pr_overflow-y.asp">overflow-y</a>
+<a target="_top" href="pr_padding.asp">padding</a>
+<a target="_top" href="pr_padding-bottom.asp">padding-bottom</a>
+<a target="_top" href="pr_padding-left.asp">padding-left</a>
+<a target="_top" href="pr_padding-right.asp">padding-right</a>
+<a target="_top" href="pr_padding-top.asp">padding-top</a>
+<a target="_top" href="pr_print_pageba.asp">page-break-after</a>
+<a target="_top" href="pr_print_pagebb.asp">page-break-before</a>
+<a target="_top" href="pr_print_pagebi.asp">page-break-inside</a>
+<a target="_top" href="css3_pr_perspective.asp">perspective</a>
+<a target="_top" href="css3_pr_perspective-origin.asp">perspective-origin</a>
+<a target="_top" href="css3_pr_pointer-events.asp">pointer-events</a>
+<a target="_top" href="pr_class_position.asp">position</a>
+<a target="_top" href="pr_gen_quotes.asp">quotes</a>
+<a target="_top" href="css3_pr_resize.asp">resize</a>
+<a target="_top" href="pr_pos_right.asp">right</a>
+<a target="_top" href="pr_scroll-behavior.asp">scroll-behavior</a>
+<a target="_top" href="css3_pr_tab-size.asp">tab-size</a>
+<a target="_top" href="pr_tab_table-layout.asp">table-layout</a>
+<a target="_top" href="pr_text_text-align.asp">text-align</a>
+<a target="_top" href="css3_pr_text-align-last.asp">text-align-last</a>
+<a target="_top" href="pr_text_text-decoration.asp">text-decoration</a>
+<a target="_top" href="css3_pr_text-decoration-color.asp">text-decoration-color</a>
+<a target="_top" href="css3_pr_text-decoration-line.asp">text-decoration-line</a>
+<a target="_top" href="css3_pr_text-decoration-style.asp">text-decoration-style</a>
+<a target="_top" href="pr_text_text-indent.asp">text-indent</a>
+<a target="_top" href="css3_pr_text-justify.asp">text-justify</a>
+<a target="_top" href="css3_pr_text-overflow.asp">text-overflow</a>
+<a target="_top" href="css3_pr_text-shadow.asp">text-shadow</a>
+<a target="_top" href="pr_text_text-transform.asp">text-transform</a>
+<a target="_top" href="pr_pos_top.asp">top</a>
+<a target="_top" href="css3_pr_transform.asp">transform</a>
+<a target="_top" href="css3_pr_transform-origin.asp">transform-origin</a>
+<a target="_top" href="css3_pr_transform-style.asp">transform-style</a>
+<a target="_top" href="css3_pr_transition.asp">transition</a>
+<a target="_top" href="css3_pr_transition-delay.asp">transition-delay</a>
+<a target="_top" href="css3_pr_transition-duration.asp">transition-duration</a>
+<a target="_top" href="css3_pr_transition-property.asp">transition-property</a>
+<a target="_top" href="css3_pr_transition-timing-function.asp">transition-timing-function</a>
+<a target="_top" href="pr_text_unicode-bidi.asp">unicode-bidi</a>
+<a target="_top" href="css3_pr_user-select.asp">user-select</a>
+<a target="_top" href="pr_pos_vertical-align.asp">vertical-align</a>
+<a target="_top" href="pr_class_visibility.asp">visibility</a>
+<a target="_top" href="pr_text_white-space.asp">white-space</a>
+<a target="_top" href="pr_dim_width.asp">width</a>
+<a target="_top" href="css3_pr_word-break.asp">word-break</a>
+<a target="_top" href="pr_text_word-spacing.asp">word-spacing</a>
+<a target="_top" href="css3_pr_word-wrap.asp">word-wrap</a>
+<a target="_top" href="pr_pos_z-index.asp">z-index</a>
+<a class="w3-left w3-btn" href="css3_browsersupport.asp">❮ Previous</a>
+<a class="w3-right w3-btn" href="css_functions.asp">Next ❯</a>
+<a target="_blank" href="trysel.asp">CSS Selector Tester</a>
+<a href="sel_class.asp">.<i>class</i></a>
+<a href="sel_id.asp">#<i>id</i></a>
+<a href="sel_all.asp">*</a>
+<a href="sel_element.asp">element</a>
+<a href="sel_element_comma.asp">element,element</a>
+<a href="sel_element_element.asp"><i>element</i> <i>element</i></a>
+<a href="sel_element_gt.asp"><i>element</i>><i>element</i></a>
+<a href="sel_element_pluss.asp"><i>element</i>+<i>element</i></a>
+<a href="sel_gen_sibling.asp"><i>element1</i>~<i>element2</i></a>
+<a href="sel_attribute.asp">[<i>attribute</i>]</a>
+<a href="sel_attribute_value.asp">[<i>attribute</i>=<i>value</i>]</a>
+<a href="sel_attribute_value_contains.asp">[<i>attribute</i>~=<i>value</i>]</a>
+<a href="sel_attribute_value_lang.asp">[<i>attribute</i>|=<i>value</i>]</a>
+<a href="sel_attr_begin.asp">[<i>attribute</i>^=<i>value</i>]</a>
+<a href="sel_attr_end.asp">[<i>attribute</i>$=<i>value</i>]</a>
+<a href="sel_attr_contain.asp">[<i>attribute</i>*=<i>value</i>]</a>
+<a href="sel_active.asp">:active</a>
+<a href="sel_after.asp">::after</a>
+<a href="sel_before.asp">::before</a>
+<a href="sel_checked.asp">:checked</a>
+<a href="sel_disabled.asp">:disabled</a>
+<a href="sel_empty.asp">:empty</a>
+<a href="sel_enabled.asp">:enabled</a>
+<a href="sel_firstchild.asp">:first-child</a>
+<a href="sel_firstletter.asp">::first-letter</a>
+<a href="sel_firstline.asp">::first-line</a>
+<a href="sel_first-of-type.asp">:first-of-type</a>
+<a href="sel_focus.asp">:focus</a>
+<a href="sel_hover.asp">:hover</a>
+<a href="sel_in-range.asp">:in-range</a>
+<a href="sel_invalid.asp">:invalid</a>
+<a href="sel_lang.asp">:lang(<i>language</i>)</a>
+<a href="sel_last-child.asp">:last-child</a>
+<a href="sel_last-of-type.asp">:last-of-type</a>
+<a href="sel_link.asp">:link</a>
+<a href="sel_not.asp">:not(<i>selector</i>)</a>
+<a href="sel_nth-child.asp">:nth-child(<i>n</i>)</a>
+<a href="sel_nth-last-child.asp">:nth-last-child(<i>n</i>)</a>
+<a href="sel_nth-last-of-type.asp">:nth-last-of-type(<i>n</i>)</a>
+<a href="sel_nth-of-type.asp">:nth-of-type(<i>n</i>)</a>
+<a href="sel_only-of-type.asp">:only-of-type</a>
+<a href="sel_only-child.asp">:only-child</a>
+<a href="sel_optional.asp">:optional</a>
+<a href="sel_out-of-range.asp">:out-of-range</a>
+<a href="sel_read-only.asp">:read-only</a>
+<a href="sel_read-write.asp">:read-write</a>
+<a href="sel_required.asp">:required</a>
+<a href="sel_root.asp">:root</a>
+<a href="sel_selection.asp">::selection</a>
+<a href="sel_target.asp">:target</a>
+<a href="sel_valid.asp">:valid</a>
+<a href="sel_visited.asp">:visited</a>
+<a class="w3-left w3-btn" href="css3_browsersupport.asp">❮ Previous</a>
+<a class="w3-right w3-btn" href="css_functions.asp">Next ❯</a>
+<a href="/colors/colors_picker.asp">COLOR PICKER</a>
+<a href="/colors/colors_picker.asp">
+<img src="/images/colorpicker.gif" alt="colorpicker"></a>
+<a href="/howto/default.asp" class="w3-hover-text-white">HOW TO</a>
+<a href="/howto/howto_js_tabs.asp">Tabs</a>
+<a href="/howto/howto_css_dropdown.asp">Dropdowns</a>
+<a href="/howto/howto_js_accordion.asp">Accordions</a>
+<a href="/howto/howto_js_sidenav.asp">Side Navigation</a>
+<a href="/howto/howto_js_topnav.asp">Top Navigation</a>
+<a href="/howto/howto_css_modals.asp">Modal Boxes</a>
+<a href="/howto/howto_js_progressbar.asp">Progress Bars</a>
+<a href="/howto/howto_css_parallax.asp">Parallax</a>
+<a href="/howto/howto_css_login_form.asp">Login Form</a>
+<a href="/howto/howto_html_include.asp">HTML Includes</a>
+<a href="/howto/howto_google_maps.asp">Google Maps</a>
+<a href="/howto/howto_js_rangeslider.asp">Range Sliders</a>
+<a href="/howto/howto_css_tooltip.asp">Tooltips</a>
+<a href="/howto/howto_js_slideshow.asp">Slideshow</a>
+<a href="/howto/howto_js_filter_lists.asp">Filter List</a>
+<a href="/howto/howto_js_sort_list.asp">Sort List</a>
+<a target="_blank" href="//www.w3schools.com/cert/default.asp">CERTIFICATES</a>
+<a href="/cert/cert_html.asp">HTML</a>
+<a href="/cert/cert_css.asp">CSS</a>
+<a href="/cert/cert_javascript.asp">JavaScript</a>
+<a href="/cert/cert_php.asp">PHP</a>
+<a href="/cert/cert_jquery.asp">jQuery</a>
+<a href="/cert/cert_bootstrap.asp">Bootstrap</a>
+<a href="/cert/cert_xml.asp">XML</a>
+<a target="_blank" href="//www.w3schools.com/cert/default.asp" class="w3-button w3-dark-grey" style="text-decoration:none">
+Read More »</a>
+<a href="/forum/default.asp" target="_blank">FORUM</a>
+<a href="/about/default.asp" target="_top">ABOUT</a>
+<a href="/html/default.asp">HTML Tutorial</a>
+<a href="/css/default.asp">CSS Tutorial</a>
+<a href="/js/default.asp">JavaScript Tutorial</a>
+<a href="/howto/default.asp">How To Tutorial</a>
+<a href="/w3css/default.asp">W3.CSS Tutorial</a>
+<a href="/bootstrap/default.asp">Bootstrap Tutorial</a>
+<a href="/sql/default.asp">SQL Tutorial</a>
+<a href="/php/default.asp">PHP Tutorial</a>
+<a href="/jquery/default.asp">jQuery Tutorial</a>
+<a href="/python/default.asp">Python Tutorial</a>
+<a href="/tags/default.asp">HTML Reference</a>
+<a href="/cssref/default.asp">CSS Reference</a>
+<a href="/jsref/default.asp">JavaScript Reference</a>
+<a href="/w3css/w3css_references.asp">W3.CSS Reference</a>
+<a href="/bootstrap/bootstrap_ref_all_classes.asp">Bootstrap Reference</a>
+<a href="/sql/sql_ref_mysql.asp">SQL Reference</a>
+<a href="/php/php_ref_overview.asp">PHP Reference</a>
+<a href="/colors/colors_names.asp">HTML Colors</a>
+<a href="/jquery/jquery_ref_overview.asp">jQuery Reference</a>
+<a href="/python/python_reference.asp">Python Reference</a>
+<a href="/html/html_examples.asp">HTML Examples</a>
+<a href="/css/css_examples.asp">CSS Examples</a>
+<a href="/js/js_examples.asp">JavaScript Examples</a>
+<a href="/howto/default.asp">How To Examples</a>
+<a href="/w3css/w3css_examples.asp">W3.CSS Examples</a>
+<a href="/bootstrap/bootstrap_examples.asp">Bootstrap Examples</a>
+<a href="/php/php_examples.asp">PHP Examples</a>
+<a href="/jquery/jquery_examples.asp">jQuery Examples</a>
+<a href="/angular/angular_examples.asp">Angular Examples</a>
+<a href="/xml/xml_examples.asp">XML Examples</a>
+<a href="/cert/default.asp">HTML Certificate</a>
+<a href="/cert/default.asp">CSS Certificate</a>
+<a href="/cert/default.asp">JavaScript Certificate</a>
+<a href="/cert/default.asp">jQuery Certificate</a>
+<a href="/cert/default.asp">PHP Certificate</a>
+<a href="/cert/default.asp">Bootstrap Certificate</a>
+<a href="/cert/default.asp">XML Certificate</a>
+<a href="/about/about_copyright.asp">terms of use</a>
+<a href="/about/about_privacy.asp">cookie and privacy policy</a>
+<a href="/about/about_copyright.asp">Copyright 1999-2018</a>